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

是注册机打错了吗？应该是注册！