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