Выдаёт ошибку при попытке реализовать Router в React

Question

У меня есть функция

function App() {
  return (
    <BrowserRouter>
      <Route path="/about">
        <About />
      </Route>
      <Route path="/about">
        <Posts />
      </Route>
    </BrowserRouter>
  )
}

Выдаёт ошибку:

A is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route>

Answer 1

Ваша функция роута должна выглядеть так

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/about" element={<About />} />
        <Route path="/posts" element={<Posts />} />
      </Routes>
    </BrowserRouter>
  )
}

Все ваши Route должны быть обернуты в <Routes>, а компоненты, которые должны отображаться необходимо указывать в element.

БЛОГ НА HUSL

Выдаёт ошибку при попытке реализовать Router в React

Ответы (1 шт):