How to select multiple checkboxes in Reactjs

Question

I have an option list in which I want to select multiple checkboxes but am unable to do so, what is wrong with this code?

Sandbox URL

Answer 1

According to your requirements, you can change handleCheckboxQuestionInput to:

const handleCheckboxQuestionInput = (e) => {
    const answer = e.target.value;
    setSelectedAnswers((prevAnswers) => {
      if(prevAnswers.includes(answer)) {
        return prevAnswers.filter(e => e !== answer)
      } else {
        return [...prevAnswers, answer]
      }
    });
  };

and change at the input element to:

 handleCheckboxQuestionInput(e)}
 />

Hope it helps you