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

監管者中的錯字嗎？ 應該注冊！