React Native FlatList已更新但卡片本地state未更新问题求助

问题根源 #

你的useEffect依赖项设置为空数组[]，这使得它仅在组件首次挂载时执行一次，将当时的item.title存入title状态。当你更新feedArray后，虽然FlatList重新渲染、item.title已变为新值，但由于useEffect没有监听item.title的变化，不会再次调用setTitle，导致title状态始终停留在初始值，卡片自然显示旧标题。

解决方案 #

1. 修正useEffect的依赖项

给useEffect添加item.title作为依赖，这样每次item.title更新时，都会同步更新title状态：

useEffect(() => {
  setTitle(item.title);
}, [item.title]); // 监听item.title的变化

2. 规范状态更新的不可变操作（可选但推荐）

你当前更新feedArray的方式是浅拷贝后直接修改对象属性，虽然能生效，但更符合React最佳实践的做法是创建新的item对象，确保完全不可变更新：

const newArray = feedArray.map(card => 
  card.cardId === item.cardId 
    ? {...card, title: "I am checking issue for survey not updated"} 
    : card
);
setFeedArray(newArray);

如果后续title状态还有其他业务逻辑需要处理，保持title状态并使用方案1即可；如果只是用于展示，直接使用item.title能减少状态同步的麻烦。

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