0
359
Vistas¿Cómo alinear correctamente InputLabel en Material UI?
Este es mi código y así es como se coloca InputLabel. ¿Cómo lo peino para que se vea mejor? Aquí está mi código:
<FormControl fullWidth> <InputLabel >Select EPE</InputLabel> <Select labelId="select-EPE" id="select-EPE" label="EPE" onChange={(event)=>{ setEPE_Record_Name(event.target.value); EPE_Data.name = event.target.value }} > {response ? response.map((item)=>{ return (<MenuItem value = {item.Name}> {item.Name} </MenuItem>); } ) : null} </Select> </FormControl> Además, cuando selecciono una opción, se superpone con la etiqueta. 
La parte de respuesta solo verifica y crea una opción desplegable para cada valor existente en la matriz de respuesta.
{response ? response.map((item)=>{ return (<MenuItem value = {item.Name}> {item.Name} </MenuItem>); } ) : null}¿Cómo arreglo la etiqueta correctamente?
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
para cualquier persona curiosa, resolví el problema cambiando esta parte del código. Use Campo de texto en lugar de Seleccionar.
<FormControl fullWidth> <TextField select variant={"outlined"} label="Select EPE" onChange={(event)=>{ setEPE_Record_Name(event.target.value); EPE_Data.name = event.target.value }} > {response ? response.map((item)=>{ return (<MenuItem value = {item.Name}> {item.Name} </MenuItem>); } ) : null} </TextField> </FormControl>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta