Erreur: Un <Route> n'est jamais utilisée comme l'enfant de <Routes> élément, jamais rendus directement. Veuillez emballer votre <Route> dans un <Routes> [dupliquer]

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;

Déjà j'ai beaucoup de recherche et d'installer de nombreux mnp code de base , mais face au même problème (Erreur: l'Un n'est jamais utilisée comme l'enfant de l'élément, jamais rendus directement. Veuillez emballer votre dans ).

Grâce et l'amour de mon cœur pour les avancés.

Question 2

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

Vous importez BrowserRouter et de la renommer les Routes. Ce n'est pas le composant qui est mentionné dans le message d'erreur. Au lieu de cela, vous avez besoin d'importer BrowserRouter et également importer des Itinéraires et de l'utiliser.

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';

Vous importez BrowserRouter et de la renommer les Routes. Ce n'est pas le composant qui est mentionné dans le message d'erreur. Au lieu de cela, vous avez besoin d'importer BrowserRouter et également importer des Itinéraires et de l'utiliser.

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>
  )
}

Erreur: Un <Route> n'est jamais utilisée comme l'enfant de <Routes> élément, jamais rendus directement. Veuillez emballer votre <Route> dans un <Routes> [dupliquer]

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie