React-Router-Dom`Link`更改路由,但没有组件加载

时间:2019-03-12 14:24:49

标签: javascript reactjs react-router-dom

我正在使用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>

问题是这样的:

  1. Landing处向用户显示/组件
  2. Login处向用户显示/login组件
  3. ResetUser处向用户显示/reset组件
  4. /register时,根本没有向用户显示任何组件

Register组件的定义如下:

import React, { Component, Fragment } from "react";

class Register extends Component {
    render() {
        return (
            <div>Hello Register</div>
        );
    }
}
export default Register;

这很令人生气,因为它确实使我无法进行身份验证测试。......

1 个答案:

答案 0 :(得分:1)

这是监管者中的错字吗?它应该注册!