如何在Reactjs中選擇多個複選框

Question

我有一個選項列表，我想在其中選擇多個複選框，但無法做到這一點，這段程式碼有什麼問題？

沙箱網址

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)}
 />

希望對你有幫助