tengo un formulario de preguntas en el cual puse multiples switch ya que las respuestas son si o no.
Al crearlo la logica funciona(se registra true y false por console.log) pero los switchs se mueven todos juntos para true y para false.introducir el código aquí
perdon pense que asi se iba a ver mejor, ahi paso el codigo.
>aca esta la funcion
```
const [responses, setResponses] = React.useState([]);
const [resp, setResp] = React.useState(true);
const setResps = (id, valor) => {
setResp(valor);
const newResponses = [...responses];
setResp(valor);
newResponses[id] = { id_question: id, value: resp };
setResponses(newResponses);
console.log(responses);
}
>esta parte es la renderizacion del form con los switch
<Forms onSubmit={handleSubmit}>
{question.map((questions, index) => (
<li key={question.id_question}>
<List>
<ListItem primary={questions.question} height="medium"
/>
</List>
<div className="check">
<div>
<Switch label="This is a switch" onChange={() =>
setResps(questions.order, (!resp))} className="demo-
checkbox"
checked={!resp} />
</div>
{`Value is ${!resp}`}
</div>
</li>
))}
```
Creo que el error viene por el lado del array(question) ya que en ningún momento actualizo su estado.trate de hacerlo pero me da error.
muchas gracias
resp
es un único boolean en tu código, pero tienes un array para la lista. Entonces cada vez que usas el Switch todos los swiches se van a actualizar.