Estoy usando Material UI Auto complete para obtener una lista de países, y necesito obtener la identificación del país seleccionado para enviarla a la base de datos.
<Autocomplete options={this.state.countries.map(option => option.name_en + ` (${option.name_native})`)} id="discountType" value={this.state.makeCountry} onChange={(e, value) => this.logCountry(e, value)} renderInput={(params) => <TextField {...params} variant="outlined" label="Select make country" />} />Necesito enviar option.id a la función logCountry junto con el valor.
Al crear sus options , puede convertirlas en objetos en un formato como:
const options = this.state.countries.map(option => ({ id: option.id, label: option.name_en + ` (${option.name_native})`})); Luego puede acceder a la identificación de la opción seleccionada usando onChange={(e, value) => this.logCountry(e, value.id)} .
He bifurcado el ejemplo de stackblitz de documentos de MUI Autocompletar para implementar dicho comportamiento, puede verificarlo aquí .