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

Рейтинг: 0Ответов: 1Опубликовано: 06.02.2023

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

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>

reactjs react-router-dom
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

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

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

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