リザルトネイティブを使用した検索バー

Question

リアクティブネイティブ検索バーから検索バーを追加してリストをフィルタリングしようとしましたが、エラーをスローします。代理人は定義されていません。私はここから何をすべきかわからない、申し訳ありませんが、RNで非常に新しいです！データは流星アプリからのものです。

class Flat_List extends Component{ 

    constructor(props){ 
    super(props); 
    this._handleResults = this._handleResults.bind(this); 
    this.state = { dataSource : { deputies } }; 
    } 

    _handleResults(results){ 
    this.setState({dataSource: this.props.deputies(results)}) 
    } 

    render(){ 
    const {deputies}= this.props; // the list is here 

    return(
     <View> 

     <SearchBar 
      ref={(ref) => this.searchBar = ref} 
      data={deputies} 
      handleResults={this._handleResults.bind(this)} 
      showOnLoad 
      allDataOnEmptySearch 
      hideBack 
      autoCorrect= {false} 
     /> 

     <List> 
      <FlatList 
      data={this.props.deputies} 
      keyExtractor={(item)=> item._id} 
      renderItem={({item})=>(
      <DeputyDetail deputy={item.depute} navigation={this.props.navigation} />)} /> 
     </List> 

     </View> 
    ); 
    } 
export default createContainer(params => { 
    Meteor.subscribe('deputies'); 
    return { deputies: Meteor.collection('deputies').find() }; 
}, Flat_List); 

Answer 1

州の宣言は無効です。

const { deputies } = this.props; 
this.state={ 
    dataSource: deputies 
} 

Answer 2

constructor(props){ 

    super(props); 
    this._handleResults = this._handleResults.bind(this); 
    this.state={ 
     dataSource : {deputies} // Here -> You doesn't define deputies 
    } 
} 

のみthis.state前にこの行を追加します：あなたのコンストラクタでこれらの行は、（）を追加/編集する

const { deputies } = props // You don't need 'this' because 'props' is already in the constructor params. 

それとも、それを直接置くことができます - >this.state{ dataSource: props.deputies }