Estoy creando un sitio web React.JS y no estoy completamente seguro de cómo implementar una sección de JavaScript dentro de mi html. En HTML normal, colocaría el script dentro de estas etiquetas:
<Script></Script>Pero con react.js
function App() { return ( <div> <button onlick='log()'>Log</button> <script> Log() = Console.log('Hello') </Script> </div> ); } export default App;Algo como esto no funcionará. ¿Cómo puedo ejecutar un script de esta manera?
Aprenda cómo funciona React y cómo funcionan los eventos específicamente
function App() { const log = () => console.log('Hello') return <button onClick={log}>Log</button> } export default App;prueba esto
function App() { const log =()=> {console.log('Hello')} return ( <div> <button onClick={()=>log()}>Log</button> </div> ); } export default App;más información: https://reactjs.org/docs/handling-events.html
ReactJs Docs será su amigo aquí, pero básicamente puede ejecutar su código javascript dentro de su componente de función antes de su declaración de devolución
Aquí hay un ejemplo de enlace de codesandbox