Error: <Ruta> es sólo para ser utilizado como el hijo de <Rutas> elemento, nunca prestados directamente. Por favor ajuste su <Ruta> en un <Rutas> [duplicar]

Question 1

    import Home from './pages/Home';
import { BrowserRouter as Routes, Route} from 'react-router-dom';
function App() {
  return ( 
    <Routes>
    <div className="max-w-screen-md mx-auto pt-20">
     <Route exact path="/" component={Home} />
    </div>
    </Routes>
    );
}
export default App;

Ya tengo muchas de investigación y muchas instalar mecanismo nacional de prevención de la base de código , pero se enfrentan a un mismo problema (Error: Una es sólo para ser utilizado como el hijo de elemento, nunca prestados directamente. Por favor ajuste su en una ).

Gracias y amor desde mi corazón para avanzados.

Question 2

import { BrowserRouter as Routes, Route} from 'react-router-dom';

Usted está importando BrowserRouter y el cambio de nombre a las Rutas. Este no es el componente que se menciona en el mensaje de error. En su lugar, usted necesita para importar BrowserRouter y también Rutas de importación y uso.

import { BrowserRouter, Routes, Route } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <div className="max-w-screen-md mx-auto pt-20">
        <Routes>
          <Route exact path="/" component={Home} />
        </Routes>
      </div>
    </BrowserRouter>
  )
}

Nicholas Tower · Answer 1 · 2021-11-24T03:33:18

import { BrowserRouter as Routes, Route} from 'react-router-dom';

Usted está importando BrowserRouter y el cambio de nombre a las Rutas. Este no es el componente que se menciona en el mensaje de error. En su lugar, usted necesita para importar BrowserRouter y también Rutas de importación y uso.

import { BrowserRouter, Routes, Route } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <div className="max-w-screen-md mx-auto pt-20">
        <Routes>
          <Route exact path="/" component={Home} />
        </Routes>
      </div>
    </BrowserRouter>
  )
}

Error: <Ruta> es sólo para ser utilizado como el hijo de <Rutas> elemento, nunca prestados directamente. Por favor ajuste su <Ruta> en un <Rutas> [duplicar]

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría