Estoy tratando de ejecutar este código:
const navigate = useNavigate() <div> <button onClick={() => navigate("/")}>CLICK</button> <h1>HATS PAGE</h1> </div> ); pero de alguna manera const navigate = useNavigate() me da un Parsing error: Unexpected token
¿Alguien podría ayudarme con este problema?
No puede poner sus declaraciones que definen variables en medio de una expresión JSX.
Defina sus variables primero. Luego haz tu JSX.
const navigate = useNavigate(); return ( <div> <button onClick={() => navigate("/")}>CLICK</button> <h1>HATS PAGE</h1> </div> );Los ganchos deben llamarse en el nivel superior de su componente funcional React.
function ComponentName() { const navigate = useNavigate(); return ( <div> <button onClick={() => navigate("/")}>CLICK</button> <h1>HATS PAGE</h1> </div> ); }