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

Question

我正在使用一个 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. 在/reset 时，用户会看到ResetUser 组件
4. 在/register 时，用户根本没有看到组件

Register 组件的定义如下：

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

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

这真让人生气，因为它真的让我无法测试身份验证......

Answer 1

是注册表的错字吗？应该注册！