Bagaimana untuk memilih berbilang kotak pilihan dalam Reactjs

Question

Saya mempunyai senarai pilihan di mana saya ingin memilih berbilang kotak pilihan tetapi tidak dapat berbuat demikian, apakah yang salah dengan kod ini?

URL Kotak pasir

Answer 1

Mengikut keperluan anda, anda boleh menukar handleCheckboxQuestionInput kepada:

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

dan tukar pada elemen input kepada:

 handleCheckboxQuestionInput(e)}
 />

Semoga ia membantu anda