0
220
VistasReact-router-dom mostrando una pantalla en blanco
Estoy tratando de descifrar React y no estoy seguro de qué está mal aquí, ya que el navegador muestra un espacio en blanco.
Aquí está el Código.
import React from 'react'; import { BrowserRouter as Router, Route, Routes, Link} from "react-router-dom"; import Home from './Home'; function App() { return ( <> <Router> <Routes> <Route exact path="/" element={<Home />}/> </Routes> </Router> </> ); } export default App;Actualización 1 -
El código como se ve en index.js
import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; ReactDOM.createRoot( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') );3 Respuestas
Responde la pregunta0
Este es un cambio react@18 en la forma en que se representan las aplicaciones de React. createRoot toma una referencia DOMNode, no JSX. Una vez que se crea la raíz , puede llamar a un método de render en ella.
Ejemplo:
import { StrictMode } from "react"; import { createRoot } from "react-dom/client"; import App from "./App"; const rootElement = document.getElementById("root"); const root = createRoot(rootElement); root.render( <StrictMode> <App /> </StrictMode> ); Consulte react-dom-client para obtener detalles más detallados.
0
Si su pantalla se queda en blanco y no ve ningún error, entonces debe haber algún error en la consola.
0
No encuentro ningún error en esta página. Compruebe si ha importado correctamente el componente de inicio aquí. Si se importa correctamente, compruebe si hay errores en el componente de inicio. También puede verificar si está recibiendo algún error o advertencia en la consola.