Tengo un MCQ Select usando RadioGroup en mi código. Una vez que el usuario selecciona y envía el valor, debería poder regresar y ver la opción que ha seleccionado. (Como Google Forms, donde puedo volver y ver la opción que seleccioné antes de resaltar).
Aquí está mi código:
<FormControl component="fieldset"> <RadioGroup onChange={(event)=>{formData.KPI_5_S = event.target.value}} aria-label="status" name="row-radio-buttons-group"> <FormControlLabel value="Finished with respect to requirements" control={<Radio />} label="Finished with respect to requirements" /> <FormControlLabel value="In progress" control={<Radio />} label="In progress" /> <FormControlLabel value="Yet to start" control={<Radio />} label="Yet to start" /> <FormControlLabel value="Failed to get the expected result" control={<Radio />} label="Failed to get the expected result" /> </RadioGroup> </FormControl>¿Cómo logro este resultado?
Puede establecer el RadioGroup defaultValue Vea la API completa de RadioGroup aquí . El valor predeterminado es uno de los elementos de valor de la Radio en el interior:
<FormControl component="fieldset"> <RadioGroup defaultValue="In progress" {...}> <FormControlLabel value="Finished with respect to requirements" control={<Radio />} label="Finished with respect to requirements" /> <FormControlLabel value="In progress" control={<Radio />} label="In progress" /> <FormControlLabel value="Yet to start" control={<Radio />} label="Yet to start" /> <FormControlLabel value="Failed to get the expected result" control={<Radio />} label="Failed to get the expected result" /> </RadioGroup> </FormControl>