import { Fragment, useState } from "react"; import Select from 'react-select'; let items = [ { item: 1, name: "tv" }, { item: 2, name: "PC" } ] const Home = () => { const [selectedValue, setSelectedValue] = useState(6) const handleChange = obj => { setSelectedValue(obj.item) } return ( <Fragment> <div>Home page</div> <p>Test React Select...</p> <Select value={items.find(x => x.item === selectedValue)} options={items} onChange={handleChange} /> <p>selected Value:...</p> {selectedValue} </Fragment> ) } export default Home;
puede pasar la matriz asignada a la propiedad "opciones":
options={items.map(({item, name}) => ({value: name, label: item}))}