React Native嵌套对象更新：先复制再setState的实现方法

你提到的先复制数组、更新指定item后再调用setState完全是正确的做法！因为React的state是不可变的，直接修改原state对象/数组不会触发组件重新渲染，必须返回一个全新的引用才能让React识别到状态变化。

针对你的嵌套结构（aba1Array里是包含item数组的对象），我们可以这样实现updateItem函数：

updateItem(id) {
  // 先复制外层的aba1Array，避免直接修改原state
  const newAba1Array = [...this.state.aba1Array];
  
  // 遍历复制后的数组，处理每个分组里的item列表
  newAba1Array.forEach(group => {
    // 用map返回新的item数组，遵循不可变原则
    group.item = group.item.map(item => {
      // 找到目标id的item，修改selected状态（可根据需求调整其他属性）
      if (item.id === id) {
        return { ...item, selected: !item.selected };
      }
      // 不匹配的item直接返回原对象
      return item;
    });
  });
  
  // 调用setState更新状态
  this.setState({ aba1Array: newAba1Array });
}

代码细节说明： #

• 用扩展运算符[...this.state.aba1Array]复制外层数组，生成全新的数组引用
• 对每个分组的item数组使用map方法，map会返回新数组，避免直接修改原数组
• 修改目标item时，用{ ...item, selected: !item.selected }复制原对象并更新属性，保证原state对象不被篡改

如果你偏好更紧凑的写法，也可以用函数式更新结合两层map，全程保持不可变：

updateItem(id) {
  this.setState(prevState => ({
    aba1Array: prevState.aba1Array.map(group => ({
      ...group,
      item: group.item.map(item => 
        item.id === id ? { ...item, selected: !item.selected } : item
      )
    }))
  }));
}

这种写法直接在setState中接收前一次的状态prevState，通过两层map生成完整的新嵌套结构，同样符合React的状态更新规范。

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