我正在使用react应用程序,并且已经设置了路由器,问题是我目前可以通过Link组件向用户提供三个组件,而这就是jsx中的方式。
<Fragment>
<NavItem>
<Link to='/login'>Login</Link>
</NavItem>
<NavItem>
<Link to="/regiser">Register</Link>
</NavItem>
<NavItem>
<Link to="/reset">Recover Account</Link>
</NavItem>
</Fragment>
并且使用别名为Router的BrowserRouter定义路由
<Fragment>
<Route exact path='/' component={Landing} />
<Route exact path='/register' component={Register} />
<Route exact path='/login' component={Login} />
<Route exact path='/reset' component={ResetUser} />
</Fragment>
问题是这样的:
Landing
处向用户显示/
组件Login
处向用户显示/login
组件ResetUser
处向用户显示/reset
组件/register
时,根本没有向用户显示任何组件 Register
组件的定义如下:
import React, { Component, Fragment } from "react";
class Register extends Component {
render() {
return (
<div>Hello Register</div>
);
}
}
export default Register;
这很令人生气,因为它确实使我无法进行身份验证测试。......
答案 0 :(得分:1)
这是监管者中的错字吗?它应该注册!