0
207
Vistas¿Qué está causando que mi página de reacción esté en blanco?
No sé por qué mi página de reacción está en blanco. Esto comenzó a suceder después de que hice un botón de envío que no actualizaba la página. Este es el último archivo en el que trabajé y todo se está compilando correctamente. Aquí está:
1ra página: 
2da página: 
Esta fue la última página en la que trabajé y aquí es donde mi página React comenzó a quedar en blanco. Solo avíseme si hay algún problema con mi evento de clic. Aquí está mi página en blanco de reacción: 
código:
import { Avatar } from '@mui/material'; import React from 'react'; import './messageSender.css'; function MessageSender() { document.getElementById("submit").addEventListener("click", (event) => { event.preventDefault(); }); return ( <div className="messageSender"> <div className="messageSender__top"> <Avatar /> <form> <input className="messageSender__input" placeholder={`What's on your mind?`} /> <input placeholder="Image URL (Optional)"/> <button id="submit" type="submit"> Hidden Submit </button> </form> </div> <div className="messageSender__bottom"> </div> </div> ) } export default MessageSender;1 Respuestas
Responde la pregunta0
Incluya su código no como captura de pantalla.
En reaccionar, puede asignar onSubmit directamente al formulario, utilizando el evento sintético como forma preferida.
Synthetic Events es una instancia de React por la que pasan todos los eventos regulares en React.
React ha creado esto para mantener la coherencia para todos los navegadores y para aumentar el rendimiento, ya que SyntheticEvent se agrupa y también se asegura directamente de que una vez que su componente se desmonte, elimine eventListener.
Entonces, lo que haría sería agregar onSubmit to form y preventDefault allí.
<form onSubmit={(e) =>e.preventDefault()}></form>La pantalla en blanco probablemente se deba a que no incluyó su eventListener en useEffect, por lo tanto, intenta agregar Evento a un valor nulo.