reactjs 浏览器路由器不工作，输出为空

k97glaaz 于 2022-11-29 发布在 React

关注(0)|答案(1)|浏览(183)

import { BrowserRouter } from 'react-router-dom';
import Header from './Components/Header';

function App() {
  return (
    <BrowserRouter>
      <div>
        <Header />
      </div>
    </BrowserRouter>  
  );
}

我想在标题页上显示内容，但是当它被 Package 在BrowserRouter标签中时，它在网页中输出为空。当它没有被 Package 时，如果页面显示内容。我已经更新了react-router-dom到它的最新版本。

reactjs

来源：https://stackoverflow.com/questions/74598163/the-browser-router-is-not-working-and-gives-the-output-as-empty

1条答案

按热度按时间

hts6caw31#

我认为您实际上可能使用的是react-router-dom@6。Switch组件已替换为Routes组件，并且Route组件API发生了显著变化。
示例：

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

export default function App() {
  return (
     <Routes>
       <Router path="/" element={<Home />} />
       ... other routes ...
     </Routes>
  );
}

参考this link

赞(0）回复(0）举报 2022-11-29

我来回答

reactjs 浏览器路由器不工作，输出为空

1条答案

相关问题

热门标签

最新问答