Ошибка: <Маршрут> должен использоваться только как дочерний элемент элемента <Маршрут><Маршруты>, никогда не отображаемый напрямую. Пожалуйста, заверните свой <Маршрут> в <Маршрут><Маршруты> [дубликат]

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;

Я уже провел много исследований и установил много базового кода npm , но столкнулся с той же проблемой (Ошибка: A всегда используется только в качестве дочернего элемента элемента, никогда не отображается напрямую. Пожалуйста, заверните свой в ).

Спасибо и любовь от всего сердца за это.

Question 2

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

Вы импортируете BrowserRouter и переименовываете его в Маршруты. Это не тот компонент, который упоминается в сообщении об ошибке. Вместо этого вам нужно импортировать BrowserRouter, а также импортировать маршруты и использовать его.

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

Вы импортируете BrowserRouter и переименовываете его в Маршруты. Это не тот компонент, который упоминается в сообщении об ошибке. Вместо этого вам нужно импортировать BrowserRouter, а также импортировать маршруты и использовать его.

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

Вопрос

Лучший ответ

На других языках

Эта страница на других языках

Популярное в этой категории

Популярные вопросы в этой категории