如何在 FlatList extraData 中传递多个对象或值

Question

我有一种情况需要在 FlatList extraData 中传递 State 和 Props。

我试过类似的方法，但没有起作用。

 <FlatList
      numColumns={1}
      data={this.props.artists}
      renderItem={this.renderArtistItem}
      initialNumToRender={15}
      keyExtractor={item => item.id}
      extraData={(this.state, this.props.league)}
    />

怎么做？

Answer 1

试试这个，

<FlatList
  numColumns={1}
  data={this.props.artists}
  renderItem={this.renderArtistItem}
  initialNumToRender={15}
  keyExtractor={item => item.id}
  extraData={{state:this.state, props:this.props.league}}
/>

Answer 2

试试这个：

<FlatList
  numColumns={1}
  data={this.props.artists}
  renderItem={this.renderArtistItem}
  initialNumToRender={15}
  keyExtractor={item => item.id}
  extraData={[this.state, this.props.league]}
/>

因为它将在额外数据中用作数组。

Answer 3

你可以试试这个：

const extraData = {
      ...this.state,
      ...this.props
    };

<FlatList
 numColumns={1}
  data={this.props.artists}
  renderItem={this.renderArtistItem}
  initialNumToRender={15}
  keyExtractor={item => item.id}
  extraData={extraData}
/>

Answer 4

您需要将状态设置为 extraData 属性。

    <FlatList
       numColumns={1}
       data={this.props.artists}
       renderItem={this.renderArtistItem}
       initialNumToRender={15}
       keyExtractor={item => item.id}
       extraData={this.state}
    />

如何在 FlatList extraData 中传递多个对象或值

How to pass multiple objects or values in FlatList extraData

react-native

react-native-flatlist