Флажок Значения, которые нужно добавить в хуки состояний - PullRequest
0 голосов
/ 16 июня 2020

Здравствуйте, я хочу добавить отмеченные флажки элементы в состояние хуков. вот сценарий

Это мой начальный массив

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

    ..
    ..
    ]

, а в компоненте AddItem я использую этот код.

Это моя переменная 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. При необходимости я могу изменить исходную структуру хуков.

Любая помощь будет оценена. Спасибо

1 Ответ

0 голосов
/ 16 июня 2020

Вы можете использовать setHobbies, чтобы добавить результат к хобби

setHobbies(result);
...