TypeError：未定义不是一个函数（接近＆＃x27; ... oigachievements.map ...＆＃x27;）

Question

我正在尝试为列表中的每个项目创建一个单独的交换机，每个项目默认情况下，它具有错误，我只想在单击React Native Switch时将其保留，但是我'每当我尝试激活或禁用此开关时，会出现此错误

import {Switch} from "react-native";

const [mockAchievements, setAchievements] = useState([
    {
      isEnabled: false,
    },
    {
      isEnabled: false,
     
    }]

  function toggleSwitch(value, index) {
    setAchievements((prevAchievements) => {
      return {
        ...prevAchievements,
        [index]: {
          ...prevAchievements[index],
          isEnabled: value,
        },
      };
    });
  }

    <Switch
     trackColor={{ false: "#E9E9E9", true: "#EEF8FC" }}
     thumbColor={item.isEnabled ? "#006993" : "#CBCBCB"}
     ios_backgroundColor="#CBCBCB"
     onValueChange={(value) => {
     toggleSwitch(value, index);
     }}
                     
     value={item.isEnabled}
     />

Answer 1

改用此功能

function toggleSwitch(value, index) {
  let dat = [...mockAchievements];
  dat[index].isEnabled = value;
  setAchievements(dat)
}

如果我没有错，您的功能将返回状态为对象而不是数组