Tengo la pregunta arr y la pregunta foreche. Quiero presentar la pregunta y las respuestas del botón de opción antd.
el problema es que cuando cambio cualquier pregunta, toda la respuesta cambia también a la misma respuesta que cambio en la primera pregunta. hay alguna forma de hacer clave o id para el botón de radio y cambiar por esa clave, o alguna ayuda? este es mi código:
import { Radio } from "antd"; const { questions} = props; const [value, setValue] = useState(1); const onChange = e => { setValue(e.target.value); }; {questions.map((question, i) => { return (<div><div>{question.Description}</div> <Radio.Group value={value} onChange={onChange} > <Radio value={1}>Aי</Radio> <Radio value={2}>B</Radio> <Radio value={3}>C</Radio> </Radio.Group></div>) })}Debe crear un estado de matriz o crear un componente secundario para que los botones de opción tengan su propio estado:
import { Radio } from "antd"; const { questions} = props; const [value, setValue] = useState([]); const onChange = (e, i) => { setValue(prevState => { const newState = [...prevState]; newState[i] = e.target.value; return newState; }); }; {questions.map((question, i) => { return (<div><div>{question.Description}</div> <Radio.Group value={value[i]} onChange={e => onChange(e,i)} > <Radio value={1}>Aי</Radio> <Radio value={2}>B</Radio> <Radio value={3}>C</Radio> </Radio.Group></div>) })}