React Native FlatList设置extraData后仍无法重新渲染求助

我来帮你排查这个问题！从你的代码片段来看，主要有两个关键点导致子项不更新，咱们一步步来解决：

1. 修正_renderItem中selected属性的取值错误 #

你在selected里用了item.id，但FlatList的renderItem回调参数是一个包含item（对应data数组里的元素）的对象，正确的取值应该是item.item.id。这个错误会导致selected的值始终无法正确匹配状态，子项自然不会根据选中状态变化更新：

// 修正前
_renderItem = ((item) => ( 
  <SelectListItem 
    id = { item.item.id } 
    onPressItem = { this._onPressItem } 
    selected = { this.state.selected.get(item.id) } // 这里错用了item.id，应该是item.item.id
    title = { item.item.title } 
  /> 
));

// 修正后
_renderItem = ({ item }) => ( // 建议用解构写法更清晰
  <SelectListItem 
    id={item.id} 
    onPressItem={this._onPressItem} 
    selected={this.state.selected.get(item.id)} // 现在正确取到data里的item.id
    title={item.title} 
  /> 
);

2. 确保状态更新时生成新的引用（针对Immutable Map） #

从this.state.selected.get()能看出来你用了Immutable的Map来管理选中状态，这里要注意：Immutable对象是不可变的，更新时必须返回新的Map实例，否则React会认为状态没有变化，extraData也无法触发FlatList重新渲染。

比如你的_onPressItem方法应该这样写：

_onPressItem = (id) => {
  // 生成新的Map实例，而不是修改原对象
  const newSelected = this.state.selected.set(id, !this.state.selected.get(id));
  this.setState({ selected: newSelected });
};

补充：确认extraData的作用 #

你已经正确设置了extraData={this.state}，这个属性的作用就是告诉FlatList：当这个值发生变化时，重新渲染所有可见的子项。只要上面两个问题解决了，这个配置就能正常工作。

如果还是有问题，可以检查一下_dataArray是否在状态变更时也保持了正确的引用（比如如果是Immutable数组，更新时也要生成新数组），不过从你的问题描述来看，主要问题还是前两点。

内容的提问来源于stack exchange，提问作者Lyn