首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >要添加到状态挂钩的复选框值

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

Stack Overflow用户
提问于 2020-06-16 21:32:02
回答 1查看 43关注 0票数 0

你好,我想将复选框选中的项添加到钩子状态。这就是场景

这是我的初始数组

代码语言:javascript
运行
复制
     items: [
        {
          id: 1,
          name: "Ramesh Mehta",
          email: "ramesh@gmail.com",
          link: "www.abc.com",
          gender:"Male",
          hobbies:["playing games"],
        },

    ..
    ..
    ]

在AddItem组件上,我使用的是this代码。

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

代码语言:javascript
运行
复制
    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钩子中。如果需要,我还可以更改初始挂钩结构。

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

EN

回答 1

Stack Overflow用户

发布于 2020-06-17 00:15:01

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

代码语言:javascript
运行
复制
setHobbies(result);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62409751

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档