React中如何更新对象内嵌套数组中对象的value属性？

先明确你的数据结构（以JavaScript为例）：

const data = [
  {
    name: 'John', 
    surname: 'Doe', 
    answer: [{value: '' }, {value: ''}] 
  }, 
  {
    name: 'Alice', 
    surname: 'Malice', 
    answer: [{value: '' }, {value: ''}] 
  }
];

下面是几种常见的更新方式：

1. 按用户名定位用户，更新指定answer的value #

如果知道目标用户的姓名，比如要更新John的第一个answer：

// 查找目标用户
const targetUser = data.find(user => user.name === 'John');
// 确认找到用户后更新对应的answer
if (targetUser) {
  targetUser.answer[0].value = 'John的第一个问题答案';
}

2. 按索引定位用户和answer，直接更新 #

如果清楚用户和answer在数组中的位置，比如更新第二个用户（Alice）的第二个answer：

// 索引从0开始，第二个用户索引是1，第二个answer索引是1
if (data[1] && data[1].answer[1]) {
  data[1].answer[1].value = 'Alice的第二个问题答案';
}

3. 批量更新所有用户的所有answer #

如果需要给所有空value设置统一内容：

data.forEach(user => {
  user.answer.forEach(answer => {
    // 仅更新空值，也可以直接替换所有value
    if (!answer.value) {
      answer.value = '默认填充答案';
    }
  });
});

4. 按条件更新特定answer #

比如给所有用户的第二个answer设置相同内容：

data.forEach(user => {
  // 确保该用户存在第二个answer
  if (user.answer.length > 1) {
    user.answer[1].value = '统一设置的第二个问题答案';
  }
});

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