검색 바 원제 네이티브를 사용하여

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 }