0
131
VistasLeer un campo específico de una matriz
Tengo un cuadro de selección que acepta múltiples valores. ¿Cómo puedo leer solo la ID del objeto respectivo de esta matriz?
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Puedes hacer algo como:
values.forEach(value=>{ console.log(value.id); //here you can access id of each object. })
·
Juan Pablo Isaza
Denunciar
0
Puede usar la id de los objetos como value para las opciones y luego puede extraer los valores donde sea necesario, como en el envío del formulario o el cambio de selección.
Consulte el fragmento a continuación:
const options = [ { label: "Apple", id: 1 }, { label: "Mango", id: 2 }, { label: "Banana", id: 3 }, { label: "Kiwi", id: 4 }, { label: "Watermelon", id: 5 }, ]; function App() { const [selectedOptions, setSelectedOptions] = React.useState([]); const handleChange = ({ target }) => { const currSelectedOptions = Array.from(target.selectedOptions).map( (opt) => opt.value ); setSelectedOptions(currSelectedOptions); console.log("Selected Options", currSelectedOptions); }; return ( <select multiple value={selectedOptions} onChange={handleChange}> {options.map(({ label, id }) => ( <option value={id} key={id}> {label} </option> ))} </select> ); } const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <React.StrictMode> <App /> </React.StrictMode> ); <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script> <div id="root"></div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta