Реагировать независимый и многоразовый компонент ⇐ Javascript

[Anonymous]

Я хочу сделать каждый раскрывающий независимый компонент, поэтому, если я нажимаю только на один выпадающий список, он должен открыть не другое, но здесь, в этом коде, когда я нажимаю оба, открываются в одно и то же время, не имеет значения, на котором я нажимаю < /p>
interface DropdownProps {
options: string[];
onSelect: (option: string) => void;
}

const Dropdown: React.FC = ({ options, onSelect }) => {
const [open, setopen] = useState(false)
const [selected, setselected] = useState(null)
const handleClick = (option: string) => {
setselected(option)
onSelect(option);
setopen(false)
}

return (

setopen(!open)} className="py-2 px-3">
{selected || "select option"}

{
open && options.map((option, index) => (
[*] handleClick(option)}>{option}
))
}

)
}
export default Dropdown

const App = ()=>{
const [selectedOption1, setSelectedOption1] = useState(null);
const [selectedOption2, setSelectedOption2] = useState(null);

return(




)
}



Подробнее здесь: https://stackoverflow.com/questions/795 ... e-componet