Estoy trabajando en el interrogador de la encuesta y donde tengo varias preguntas y cuando marco una casilla de verificación de pregunta, se mantiene marcada también las siguientes preguntas y así sucesivamente, entonces, ¿cómo puedo controlar ahora cuando voy a la siguiente pregunta en la encuesta?

Aquí hay una lista de preguntas json. Por favor, ayúdenme, estoy luchando desde los últimos días.

Esto es lo que no hice mucho?. Esta es la función marcada

 const processInput = (e) => { const checked = e.target.checked; let detachedAnswers = answers; if (checked) { let index = detachedAnswers.findIndex((i) => i.question === show.id); // detachedAnswers[index] = e.target.checked; detachedAnswers[index].body.push(e.target.value); console.log(detachedAnswers); setAnswers(detachedAnswers); } else { const filtered = detachedAnswers[number].body.filter( (string) => string !== e.target.value ); detachedAnswers[number].body = filtered; setAnswers(detachedAnswers); } };

aquí está la visualización de la encuesta usando la casilla de verificación.

 <div className="survey_option"> {show?.choices?.split(",").map((c, index) => ( <div className="fix_lable" key={index + 1}> <input type="checkbox" name="body" id={c} value={c} // checked // checked={c} onChange={(e) => processInput(e, show.id)} /> <label id={c} htmlFor={c}> {c.split("-")[0]} </label> </div> ))} </div> </div>