Question

你好，我想将选中的复选框添加到hooks状态。这是场景

这是我的初始数组

     items: [
        {
          id: 1,
          name: "Ramesh Mehta",
          email: "ramesh@gmail.com",
          link: "www.abc.com",
          gender:"Male",
          hobbies:["playing games"],
        },

    ..
    ..
    ]

，在AddItem组件上，我正在使用this代码。

这是我的usestate变量和代码，用于在复选框的onChange之外查找选中的项目列表数组。

    const [hobbies, setHobbies] = useState([]);
    const [checkboxItems, setCheckboxItems] = useState(initialCheckboxes);

    const checkedItems = checkboxItems.filter(({ checked }) => checked);
    console.log("checkedItems ", checkedItems);
    let myJSON = JSON.stringify(checkedItems);

    var names = JSON.parse(myJSON);
    let result = names.map(a => a.name);

    console.log("checkedItems in String  ",result);//outputs  ["Watching TV", "Playing Games"]

现在我想将结果添加到setHobbies挂钩中。如果需要，我还可以更改初始挂钩结构。

任何帮助将不胜感激。谢谢

Answer 1

您可以使用setHobbies将结果添加到兴趣爱好

setHobbies(result);

复选框值要添加到状态挂钩

1 个答案: