Suchleiste mit React Native

Question

Ich versuche, eine Suchleiste von react-native-searchbar, um eine Liste zu filtern, so, aber es wirft einen Fehler, Abgeordneten ist nicht definiert. Ich weiß nicht, was ich von hier aus machen soll, tut mir leid, ganz neu bei RN! Die Daten stammen von einer Meteor App.

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

Ihre Statusdeklaration ist ungültig. Hinzufügen/bearbeiten Sie diese Zeilen in Ihrem Konstruktor():

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 
    } 
} 

Nur diese Zeile hinzufügen, bevor this.state:

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

Oder Sie können es direkt setzen ->this.state{ dataSource: props.deputies }