Использование Algolia response-instantsearch с реакцией-родной

Question

Я пытаюсь получить новый компонент Algolia react-instantsearch с использованием реакции-native.

Я слежу за guide, и я полностью застрял.

В принципе, в любое время я пытаюсь добавить мой <SearchBox /> компонент внутри <InstantSearch /> компонента, мое приложение умирает с ожидаемым компонентом класса, получили [объект Object].

Насколько я могу судить, я подключаю <SearchBox /> к разъему connectSearchBox, поэтому я не уверен, что происходит.

кода (я сделать имеют реальные значения для APPID, apiKey, & индекс):

import React, {Component} from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
    ListView, 
    TextInput, 
    Image, 
} from 'react-native'; 
import {InstantSearch} from 'react-instantsearch/native'; 
import {connectSearchBox} from 'react-instantsearch/connectors'; 
import * as Styles from '../../styles/'; 

const SearchBox = connectSearchBox(({currentRefinement, refine}) => 
    <TextInput 
    style={{height: 40, borderColor: 'gray', borderWidth: 1}} 
    onChangeText={(text) => refine(text)} 
    value={currentRefinement} 
    />); 

export default class InfiniteSearch extends Component { 
    constructor(props) { 
    super(props); 
    } 

    render() { 
     return (
      <View style={styles.container}> 
       <InstantSearch 
       className="container-fluid" 
       appId="appId" 
       apiKey="apiKey" 
       indexName="indexName" 
       > 
       <SearchBox /> 
       </InstantSearch> 
      </View> 
     ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
     padding: 10, 
    }, 
}); 

Answer 1

теперь это решается в 2.0 .1: https://github.com/algolia/instantsearch.js/blob/e15d37362fcd1eb60b5476307160062321983f09/CHANGELOG.md#201-2016-12-15

Спасибо!

Answer 2

Попробуйте обертывание TextInput в SearchBox:

const SearchBox = connectSearchBox(({currentRefinement, refine}) => (
    <TextInput 
    style={{height: 40, borderColor: 'gray', borderWidth: 1}} 
    onChangeText={(text) => refine(text)} 
    value={currentRefinement} 
    /> 
));