我正在使用react应用程序,我有路由器设置,问题是我目前有三个组件可供用户通过链接组件使用,这就是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;
这是令人愤怒的,因为它真的让我担心测试认证.......
这是regiser中的拼写错误吗?它应该注册!