So aktivieren Sie mehrere Kontrollkästchen in Reactjs

Question

Ich habe eine Optionsliste, in der ich mehrere Kontrollkästchen aktivieren möchte, dies aber nicht kann. Was ist an diesem Code falsch?

Sandbox-URL

Answer 1

按照您的要求，您可以将handleCheckboxQuestionInput更改为：

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

并在输入元素处更改为：

 handleCheckboxQuestionInput(e)}
 />

希望对你有帮助