React Native FlatList条目更新时NewMark、NewGrade值未生效如何解决？

问题根因 #

核心问题出在更新按钮的onPress事件传参逻辑错误：
TouchableOpacity的onPress回调默认接收的是触摸事件对象，不是当前FlatList渲染的条目item。你代码中onPress={item => updateSubject(item?.id)}里的item实际是事件对象，item?.id必然为undefined，遍历subjects数组时没有匹配到任何科目id，所以没有任何条目被修改，NewMark和NewGrade自然保持初始空值。

修复方案 #

1. 修正onPress传参 #

你的输入框是写在ListItem组件内部的，直接使用组件接收的subject属性传id即可：

<TouchableOpacity 
  style={styles.updateBtn} 
  onPress={() => updateSubject(subject.id)} // 直接取当前条目的id，不要用回调参数
>

2. 可选优化：state更新改为函数式写法，避免闭包旧值问题 #

更新逻辑依赖之前的subjects数组，用函数式更新能保证拿到的始终是最新的数组状态，避免异步更新导致的旧值问题：

const updateSubject = (subjectId) => {
    if (newMarkInput === '' || newGradeInput === ''){
      Alert.alert('Error', 'Please fill in all boxes');
      return;
    }
    setSubjects(prevSubjects => prevSubjects.map(item => {
      if (item.id === subjectId) {
        return {...item,Selected: false, NewMark: newMarkInput, NewGrade: newGradeInput};
      }
      return item;
    }));
    setNewMarkInput('');
    setNewGradeInput('');
    setShowInputBox(false);
};

3. 可选校验：确认ListItem响应数据更新 #

如果ListItem用了React.memo包裹，确保浅比较逻辑正常，也可以直接给ListItem加key强制刷新：

renderItem={({ item }) => <ListItem key={item.id} subject={item}/>}

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