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

问题描述 投票:0回答:1

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

问题是:

  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;

这是令人愤怒的,因为它真的让我担心测试认证.......

javascript reactjs react-router-dom
1个回答
1
投票

这是regiser中的拼写错误吗?它应该注册!

© www.soinside.com 2019 - 2024. All rights reserved.