Estoy tratando de mostrar un ícono cuando hago doble clic en un elemento. Aquí está mi proyecto
https://codesandbox.io/s/brave-herschel-s092nm?file=/src/App.js
Sé que hay una opción para crear otro componente, pero creo que no es necesario, porque es solo un ícono que quiero cambiar, ¿hay otra forma más simple de cambiar el estado?
enlace de sandbox actualizado
Algo como esto:
import Icon from "/your/Icon/component"; export default function MyApp() { const [isIconVisible, setIsIconVisible] = React.useState(false); function handleClick(e) { if (e.detail === 2) { setIsIconVisible(oldState => !oldState); } } return ( <div> <button onClick={handleClick}>Show/hide icon</button> {isIconVisible && <Icon />} </div> ); }