代码之家 › 专栏 › 技术社区 › jrocc

状态更改时不重新提交平面列表

react-native-flatlist react-native reactjs javascript

jrocc · 技术社区 · 5 年前

我有一个平面列表,当状态发生变化时,它不会重新渲染。我怎样才能得到一张复读的单子?

 _renderItem = ({item}) => {
    if(item=='null'){
      return <Text>Item is null</Text>
    }else{
      return <Text>Item is not null</Text>
    }    
};

render(){
 return(
  <FlatList
   data={this.state.itemList}   
   renderItem={this._renderItem}      
  />

 )
}

1 回复 | 直到 5 年前

Joshua Obritsch 5 年前

将代码更改为:

render(){
  return(
    <FlatList
      data={this.state.itemList}   
      extraData={this.state}
      renderItem={this._renderItem}      
    />
  )
}

平面列表组件需要将extraData设置为this.state,以便在更改时更新。

https://facebook.github.io/react-native/docs/flatlist.html

推荐文章

theDC · 平面列表单选单元格

6 年前

Md Nahid Hasan · 如何在react原生平面列表中精确定位项目并隐藏某些内容?

6 年前

j_d · 如何使用React Native FlatList设置重新排序动画?

6 年前

johanjohansson · 如何在平面列表中交替颜色(React Native)

6 年前

arnoldbird · 我的平面列表似乎不需要密钥抽取器——为什么?

6 年前

KaplanAlex · React Native FlatList-使用动态大小呈现列表项

6 年前

Sandro_V · 对FlatList的React本机引用不起作用

6 年前

Saeid · 在react native中不调用平面列表中的函数

6 年前

Corrado · ReactNative平面列表-RenderItem不工作

6 年前

Adnan Ali · ReactNative android应用程序中的慢速动画

6 年前