Handle multiple checkbox in react (array of selected options)
Sun Jul 18 2021 18:56:11 GMT+0000 (Coordinated Universal Time)
Saved by
@amadogui
#javascript
#react.js
const { whatsAppTopics, selectedTopics, setSelectedTopics } = useContext(
WhatsAppConfigContext
);
function handleChangeCheckBox(e) {
const clickedTopic = e.target;
if (clickedTopic.checked) {
setSelectedTopics([...selectedTopics, clickedTopic.value]);
}
if (!clickedTopic.checked) {
const updatedSelectedTopics = selectedTopics.filter(
(selectedTopic) => selectedTopic !== clickedTopic.value
);
setSelectedTopics(updatedSelectedTopics);
}
}
content_copyCOPY
Comments