React中如何利用prevState切换嵌套数据内的Boolean值？

你的问题出在两个核心点：

• 初始状态creatingCust是数组（useState([custDetail])），所以prevState是数组，直接访问prevState.customers会返回undefined——数组根本没有这个属性。
• 你直接返回{isCreated:!prevState.customers[0].isCreated}会完全替换掉原有状态结构，导致所有其他数据丢失。

要正确用prevState修改嵌套的isCreated值，必须遵循React的不可变更新原则，逐层拷贝嵌套结构后再修改目标值：

方法一：分步拷贝修改 #

const onClick = () => {
  setCreatingCust(prevState => {
    // 1. 拷贝外层状态数组
    const newStateArr = [...prevState];
    // 2. 拷贝数组里的第一个客户详情对象
    const updatedCustDetail = { ...newStateArr[0] };
    // 3. 拷贝customers数组
    const updatedCustomers = [...updatedCustDetail.customers];
    // 4. 拷贝第一个客户对象，翻转isCreated值
    updatedCustomers[0] = { ...updatedCustomers[0], isCreated: !updatedCustomers[0].isCreated };
    // 5. 把修改后的customers放回详情对象
    updatedCustDetail.customers = updatedCustomers;
    // 6. 把修改后的详情对象放回状态数组
    newStateArr[0] = updatedCustDetail;
    return newStateArr;
  });
};

方法二：用map简化嵌套更新 #

如果需要更简洁的写法，或者后续要批量处理多个元素，可以用map遍历数组，只修改目标元素：

const onClick = () => {
  setCreatingCust(prevState => 
    prevState.map((detail, detailIndex) => {
      // 只处理数组里的第一个详情对象
      if (detailIndex !== 0) return detail;
      return {
        ...detail,
        customers: detail.customers.map((cust, custIndex) => {
          // 只处理customers数组里的第一个客户
          if (custIndex !== 0) return cust;
          return { ...cust, isCreated: !cust.isCreated };
        })
      };
    })
  );
};

关键注意点 #

• 绝对不能直接修改prevState里的嵌套对象/数组，必须创建拷贝后再修改——否则React无法检测到状态变化，不会触发组件重新渲染。
• 必须严格保持原状态的结构（数组包裹对象，对象包含customers数组），不能随意替换结构导致数据丢失。

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