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>

问题是这样的：

在Landing处向用户显示/组件
在Login处向用户显示/login组件
在ResetUser处向用户显示/reset组件
在/register时，根本没有向用户显示任何组件

Register组件的定义如下：

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

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

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

Answer 1

这是监管者中的错字吗？它应该注册！

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

1 个答案: