Błąd: <Ścieżka> powinien być używany tylko jako element potomny elementu <Ścieżka><Drogi> nigdy nie wyświetlany bezpośrednio. Zapakować swój <Ścieżka> w <Ścieżka><Drogi> [duplikat]

0

Pytanie

    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;

Ja już przeprowadził wiele badań i ustanowił wiele podstawowego kodu npm , ale napotkał ten sam problem (Błąd: A zawsze służy tylko jako element potomny elementu, nigdy nie pojawia się bezpośrednio. Proszę, zawiń w ).

Dziękuję i miłość z całego serca za to.

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

Najlepsza odpowiedź

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

Importujesz BrowserRouter i zmień jego nazwę go do Trasy. To nie jest ten składnik, który jest wymieniony w komunikacie o błędzie. Zamiast tego trzeba importować BrowserRouter, a także importować trasy i używać go.

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

W innych językach

Ta strona jest w innych językach

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