每个新焦点的 react-native Reload Flatlist

Question

当网页第二次返回屏幕时如何重新加载屏幕（在标签导航器中）：

   export default class BasketTab1 extends React.PureComponent  {

   componentDidMount () {


       this.getProductsRequest();//retur
    }

    getProductsRequest(){

    }

    render() {
       return (

        <View style={{margin:5}}>
          <FlatList
            data={this.state.products}
             renderItem={this.renderItem}
             keyExtractor={this._keyExtractor}
             extraData={this.state}
             ...)
     }

}

我试试 将额外数据设置为布尔值。

extraData={this.state.refresh}

当我想刷新列表时切换布尔状态的值

constructor(props) {
    super(props);
    this.state = {
        refresh : false
    }
}
componentDidMount () {

this.didFocusListener = this.props.navigation.addListener(
  'didFocus',
  () => { this.setState({
      refresh: !this.state.refresh
  }) },
);
this.getProductsRequest();
}

但是没有重新加载/不会发生任何事情！

我该怎么做？

Answer 1

你试过了吗？

this.didFocusListener = this.props.navigation.addListener(
'didFocus',
   () => { this.setState({
  refresh: !this.state.refresh, products: [...this.state.products]
  }) },
);