Creé la lista de radio dinámica y muestra los datos correctos según el elemento.
{item.responseType === "radio" && ( <div className="form-control-wrap"> {item.options .split(",") .map((list, indexRadio) => ( <Form.Check key={indexRadio} id={item.id} label={list} name="radio" value={list} onChange={(e, indexRadio) => handleChange(e, indexQuestion) } type="radio" /> ))} </div> )}Pero cuando estoy seleccionando una opción, está afectando a otras,
Por ejemplo, si selecciono la pregunta n.° 1, funciona bien, es decir, selecciona solo una opción, pero cuando pasa a la pregunta n.° 2 y selecciona cualquier opción, selecciona datos de la pregunta 2, pero las opciones de la pregunta 1 se establecerán en el estado inicial. (se está reiniciando)
Déjame saber qué debo hacer?
está usando name="radio" que es igual para todos, por lo que está tratando todos los botones de radio del mismo grupo. use el mismo nombre para todas las opciones de la misma pregunta. resolverá tu problema. puede usar la identificación de la pregunta para el nombre del botón de radio para que sea igual para todas las opciones de esa pregunta y diferente de otra pregunta.
Creo que usar esta variación lo llevará a su objetivo: cambiar la clave en <Form.Check/>
<Form.Check key={item.id} />