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

Question

您好，我想将选中复选框的项目添加到钩子状态。 这是场景

这是我的初始数组

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

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

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

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"]

现在我想将结果添加到设置爱好钩子中。如果需要，我还可以更改初始钩子结构。

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

Answer 1

您可以使用设置爱好将结果添加到爱好中

setHobbies(result);