javascript - React Router 4 链接正在工作,但组件未呈现
问题描述
亲爱的,这是我导入其他组件并制作 Route 对象的主要组件,Links 正在工作的历史对象也在发生变化,但组件没有被渲染(我在这里不使用 redux)。控制台也不会出现任何错误
import React from 'react';
import {BrowserRouter as Router,Route,Link} from 'react-router-dom';
import Main from './components/Main';
import Dashboard from './components/Dashboard';
import Login from './components/Login';
import Register from './components/Register';
class App extends React.Component {
render() {
return (
<Router>
<div className='container'>
<ul>
<li>
<Link to="/">Main</Link>
</li>
<li>
<Link to="/register">Register</Link>
</li>
<li>
<Link to="/login">Login</Link>
</li>
</ul>
<Route path="/" Component={Main}/>
<Route path="/login" Component={Login}/>
<Route path="/register" Component={Register}/>
<Route path="/dashboard" Component={Dashboard}/>
</div>
</Router>
)
}
}
export default App;
解决方案
尝试制作Component
小写,如下所示:
<Route path="/" component={Main}/>
<Route path="/login" component={Login}/>
<Route path="/register" component={Register}/>
<Route path="/dashboard" component={Dashboard}/>
推荐阅读
- java - 如何在我的代码中创建 2 秒延迟?
- javascript - 单击按钮时进行过滤
- mysql - 我如何更新父行(外键)
- jquery - 根据两个数据表列中的值突出显示重复结果
- node.js - 如何打印对邮递员或浏览器的控制台响应?
- javascript - 将 Mongodb 查询数据传递给 Pug 的更好方法
- python - 怎么了?初始化模块“pyperclip”没有属性“粘贴”(很可能是由于循环导入)
- pcap - 如何在合并到单个文件之前为众多 pcap 文件中的所有数据包添加注释
- azure - 当我的应用服务在 Azure 上收到错误 500 时向我发送电子邮件
- android - 在 Android Studio 中将图标添加到工具栏