【问题标题】：React js : new page rendered is added at the end of first ,not replacedReact js：呈现的新页面是在第一个末尾添加的，而不是被替换的
【发布时间】：2022-11-24 02:27:36
【问题描述】：
我是 Reactjs 的新手，正在处理我的第一个项目。我有一个问题，我认为可能是概念性的。我有一个带有导航栏菜单的“索引”页面，当我在导航栏中单击一个选项时，我会呈现一个新页面“关于我们”：
router.get('/aboutus', (req, res) => {
res.render('aboutus', {
style: 'bootstrap.min.css'
});
});
问题是在“索引”页面末尾添加了新页面“关于我们”。它应该显示为一个普通的单页，而不是添加在'索引'的末尾。它应该取代“索引”。
提前致谢。
【问题讨论】：
标签：
html
reactjs
react-router-dom
【解决方案1】：
看到我也是 React 的新手，但如果你也是 React 的新手，那么我的建议是根据 React 规则进行第一次练习，例如：-
App.js 上的所有导航、菜单、关于和所有内容和主要的东西如果您使用的是新的 v6 反应，那么您必须以不同的方式使用路由器，就像 Switch 不在那里一样，您必须使用像这样的路由：-
import { BrowserRouter as Router,Route,Routes } from "react-router-dom";
<Router>
<Navbar/>
<Alert/>
<Routes>
<Route exact path="/about" element={<About/>}/>
<Route exact path="/" element={<TextForm/>}/>
</Routes>
</Router>