cuando ejecuto este código, aparece un error que dice que no puedo configurar el texto interno de Null; Sé que esto se debe a que mi función se ejecuta antes de que mi DOM se cargue por completo, pero no sé cómo solucionarlo.
Intenté usar window.onload y detectores de eventos para cargar, pero fue en vano.
Cualquier ayuda es apreciada, gracias!
import "./styles.css"; const quoteBox = document.getElementById("App"); async function newQuote() { const response = await fetch("https://api.quotable.io/random"); const data = await response.json(); quoteBox.innerText = data.content; } window.onload = newQuote(); export default function App() { return <div className="App" id="App"></div>; }Puede usar useEffect para que se llame a esa función después de montarla.
export default function App() { useEffect(() => { const quoteBox = document.getElementById("App"); async function newQuote() { const response = await fetch("https://api.quotable.io/random"); const data = await response.json(); quoteBox.innerText = data.content; } newQuote(); }, []); return <div className="App" id="App"></div>; }Agregue su etiqueta de script al final de su etiqueta de cuerpo o envuelva todo en una función y llámelo en DOMContentLoaded