Question

我正在使用反应并尝试导航到另一条路线使用<Link>。

我的问题是点击链接会产生真实的结果页面加载而不是导航等SPA。

我注意到这发生了，因为我将链接包装在if else块中。

这有效：

<Link to="/login">Login</Link>

这不起作用：

let loginOrLogout = (isUserLoggedIn) ? 
   (<Link to="/logout">Logout</Link>) :
   (<Link to="/login">Login</Link>);
{loginOrLogout}

Answer 1

尝试使用React无状态组件，如：

    function LoginOrLogout(props) {
        if (props.isUserLoggedIn) {
            return <Link to="/logout">Logout</Link>;
        }

        return <Link to="/login">Login</Link>;
    }

调用render方法：

    <LoginOrLogout isUserLoggedIn={isUserLoggedIn}>

React IF - ELSE Link可以实现页面的实际负载

1 个答案: