Errore: <Percorso> è sempre e solo per essere utilizzato come figlio di <Rotte> elemento, mai reso direttamente. Si prega di avvolgere il vostro <Percorso> in un <Rotte> [duplica]

0

Domanda

    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;

Già ho tanti di ricerca e di installare molti npm del codice di base , ma di fronte a stesso problema (Errore: è sempre e solo per essere utilizzato come il figlio di elemento, mai reso direttamente. Si prega di avvolgere il vostro in a ).

Grazie e amore dal mio cuore avanzata.

react-router react-router-dom reactjs
2021-11-24 02:58:17
1

Migliore risposta

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

Stai importando BrowserRouter e rinominarlo Percorsi. Questo non è il componente che è menzionato nel messaggio di errore. Invece, è necessario importare BrowserRouter e anche Vie di importazione e l'uso di esso.

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>
  )
}
2021-11-24 03:33:18

In altre lingue

Questa pagina è in altre lingue

Русский
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................