React Native'意外令牌'錯誤

Question

我在5：7收到'意外令牌'。不明白爲什麼。

var Navbar = React.createClass({ 
    render: function() { 
    const { dispatch, isAuthenticated, errorMessage } = this.props 
    return (
     {!isAuthenticated && 
     <Login 
      errorMessage={errorMessage} 
      onLoginClick={() => dispatch(login()) } 
     /> 
     } 
     {isAuthenticated && 
     <Logout onLogoutClick={() => dispatch(logoutUser())} /> 
     } 
    ); 
    } 
}); 

Answer 1

你需要這樣重新寫它：

render: function() { 
    const { dispatch, isAuthenticated, errorMessage } = this.props 
    var rendered = !isAuthenticated ? (
     <Login 
     errorMessage={errorMessage} 
     onLoginClick={() => dispatch(login()) } 
     /> 
    ) : (
     <Logout onLogoutClick={() => dispatch(logoutUser())} /> 
    ); 
    return rendered; 
    } 

這是一個三元運算符。你可以有更多的信息here。

基本上語法是這樣的：condition ? expr1 : expr2