Amig@s, tengo un select implementado con Material-Ui donde necesito obtener el id
del elemento seleccionado, debido a que poseo una tabla que va aumentando su numero de filas dada una condición.
En resumen, no tengo problema en obtener el value
y name
del elemento mencionado, pero cuando trato de mirar el id siempre llega undefined
, no así cuando utilizo un Select de react-bootstrap
por ejemplo.
Les dejo un extracto del código
const [types, setTypes] = React.useState([])
const [data, setData] = React.useState({ fieldType: '' })
React.useEffect(() => {
const aux = [
{ id: 10, value: 'GET' },
{ id: 20, value: 'POST' },
{ id: 30, value: 'PUT' }
]
setTypes(aux)
}, [])
const handleChange = event => {
setData({
[event.target.name] : event.target.value
})
}
<FormControl className={classes.formControl} variant="outlined">
<InputLabel>Tipo 1</InputLabel>
<Select label='Tipo' id='tipo 1' value={data.fieldType} inputProps={{ name: 'fieldType'}} onChange={handleChange}>
<MenuItem disabled value="">
<em>Seleccione</em>
</MenuItem>
{types.map((v, i) => (
<MenuItem key={i} value={v.id}>{v.value}</MenuItem>
))}
</Select>
</FormControl>
Acá un ejemplo más completo :)
Como siempre, cualquier ayuda u orientación se agradece