Comment sélectionner plusieurs cases à cocher dans Reactjs

Question

J'ai une liste d'options dans laquelle je souhaite cocher plusieurs cases mais je n'y parviens pas, quel est le problème avec ce code ?

URL du bac à sable

Answer 1

Selon vos besoins, vous pouvez remplacer handleCheckboxQuestionInput par :

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

et modifiez l'élément d'entrée par :

 handleCheckboxQuestionInput(e)}
 />

J'espère que cela vous aidera