reactjs - 反应原生 | 平面清单和备忘录 | renderItem 没有功能

Question

我有一个清单。里面有10个元素。我用 flatlist 展示这个。但是当列表中的 10 个元素中的 1 个发生变化时，它会再次渲染其中的 10 个。我打算用 memo 解决这个问题（flatlist 必须自己解决这个问题，但无论如何），但我遇到了语法错误。错误：renderItem 不起作用。

const Item = React.memo( ({item}) => (
   <Text>{item.name}</Text>
))

const List = () => {
  return (
     <FlatList
        ..
        renderItem = {Item}
     >
)}
export default React.memo(List);

Answer 1

替换这个

renderItem = {Item}

和

renderItem={({ item }) => <Item item={item} />}

Answer 2

但是当列表中的 10 个元素中的 1 个发生变化时，它会再次渲染其中的 10 个

我想你忘了添加 Flatlist extraData道具。有关更多详细信息，请查看此。