如何在React上创建多个页面
因此，我已经检查了多个帖子和网站，但我无法正常工作。它只是呈现带有Navbar的白色屏幕。 这是代码：
app.js：
import {BrowserRouter as Router, Routes, Route} from 'react-router-dom'
function App() {
return (
<Router>
<Nav/>
<Routes>
<Route path='/about' element={About}/>
</Routes>
</Router>
);
}
export default App;
index.js：
ReactDOM.render(<React.StrictMode><App/></React.StrictMode>, document.getElementById('root'))
某些组件：
<Link to="/about" className="btn btn-colored">Launch</Link>
“关于”组件正在工作原因，我已经测试并导入到app.js中，因此这不是问题。
So I've check multiple posts and websites and I can't get it to work. It just renders a white screen with a the navbar.
This is the code:
App.js:
import {BrowserRouter as Router, Routes, Route} from 'react-router-dom'
function App() {
return (
<Router>
<Nav/>
<Routes>
<Route path='/about' element={About}/>
</Routes>
</Router>
);
}
export default App;
Index.js:
ReactDOM.render(<React.StrictMode><App/></React.StrictMode>, document.getElementById('root'))
Some component:
<Link to="/about" className="btn btn-colored">Launch</Link>
The 'About' component is working cause I've tested and imported into App.js so that is not the problem.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您需要首先导入要渲染的组件，
例如您要呈现有关组件的内容，以便导入
大约导入“ ./ pages/about”
＆lt;路由路径=' /of of'element = {} /＆gt;
You need to first import the component you want to render
For example you want to render About component so you would import the About component
import About from "./pages/About";
<Route path='/about' element={} />