0
191
ViewsRuptura de la etiqueta Ui del material en el componente Seleccionar
He estado tratando de implementar un componente de selección, nada como lo he hecho antes, pero de repente mi componente mui-select se está rompiendo, a continuación se muestra la imagen del error/problema al que me enfrento
La etiqueta del elemento de selección ya no está sincronizada con el propio componente de selección Aquí está el código:
<FormControl size="small" fullWidth> <InputLabel id="demo-simple-select-helper"> Marital Status </InputLabel> <Select labelId="demo-simple-select-helper" id="demo-simple-select-helper" label="Marital Status" defaultValue="" {...getFieldProps('pf.maritalStatus')} > <MenuItem value="married">Married</MenuItem> <MenuItem value="unmarried">Unmarried</MenuItem> <MenuItem value="widow">Widow</MenuItem> <MenuItem value="widower">Widower</MenuItem> <MenuItem value="divorcee">Divorcee</MenuItem> </Select> </FormControl>¿Hay algo malo que estoy haciendo aquí?
Aquí está el fragmento utilizado en los documentos mui
<FormControl fullWidth> <InputLabel id="demo-simple-select-label">Age</InputLabel> <Select labelId="demo-simple-select-label" id="demo-simple-select" value={age} label="Age" onChange={handleChange} > <MenuItem value={10}>Ten</MenuItem> <MenuItem value={20}>Twenty</MenuItem> <MenuItem value={30}>Thirty</MenuItem> </Select> </FormControl>Por favor, ¿alguien puede decir qué está mal que estoy haciendo aquí?
·
Juan Pablo Isaza
1 answers
Answer question0
const [age,setAge] = React.useState(); function handleChange(e){ setAge(e.currentTarget.value); } return( <FormControl fullWidth> <InputLabel id="demo-simple-select-label">Age</InputLabel> <Select labelId="demo-simple-select-label" id="demo-simple-select" value={age} label="Age" onChange={handleChange} > <MenuItem value={10}>Ten</MenuItem> <MenuItem value={20}>Twenty</MenuItem> <MenuItem value={30}>Thirty</MenuItem> </Select> </FormControl> )
·
Juan Pablo Isaza
Report
Answer question