Necesito abrir una barra de búsqueda muy simple en reactjs, y no hay un botón de cierre porque quiero hacer clic en el mismo botón para cerrarlo.
Aquí hay un código que probé pero no funcionó.
const [searchIsOpen, setSearchIsOpen] = useState(false); const search = () => { if (searchIsOpen) { setSearchIsOpen(true); } else { setSearchIsOpen(false); } }; <button onClick={search} className="absolute md:left-8 left-3 lg:left-2 top-6 md:top-8 cursor-pointer"> </button> <div> <input type="text" name="" id="" /> </div>gracias.
Debe utilizar la representación condicional.
const [searchIsOpen, setSearchIsOpen] = useState(false); const search = () => { setSearchIsOpen(!searchIsOpen); }; <button onClick={search} className="absolute md:left-8 left-3 lg:left-2 top-6 md:top-8 cursor-pointer"></button> { searchIsOpen && <div> <input type="text" name="" id="" /> </div> }<div> { searchIsOpen && <input type="text" name="" id="" /> } </div>