React IF - ELSE Link確實載入頁面

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

嘗試陣營無狀態組件，如：在渲染方法

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

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

電話：

<LoginOrLogout isUserLoggedIn={isUserLoggedIn}>