может кто подсказать, почему не отрисовываются лейблы? делаю кастомный селект
import React, { useState } from "react";
function Dropdown({ selected, setSelected }) {
const [isActive, setIsActive] = useState(false);
const options = [
"Sed ut perspiciatis",
"Nemo enim ipsam",
"Et harum quidem",
"Temporibus autem",
"Itaque earum rerum",
];
return (
<div className="dropdown">
<div className="dropdown-btn" onClick={(e) => setIsActive(!isActive)}>
Выберите страну
</div>
{isActive && (
<div className="dropdown-content">
{options.map((option) => {
<div
onClick={(e) => {
setSelected(option);
setIsActive(false);
}}
className="dropdown-item"
>
{option}
</div>;
})}
</div>
)}
</div>
);
}
export default Dropdown;
а получается вот так