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;