如果用户未登录,我会尝试返回两个链接。像这样:
<Nav>
{if(this.state.user) {
<NavItem onClick={this.logout}>Log out</NavItem>
} else {
<NavItem onClick={this.login}>Log in</NavItem>
<NavItem onClick={this.register}>Register</NavItem>
}
}
</Nav>
我知道我可以用三元运算符做到这一点:
<Nav>
{this.state.user ?
<NavItem onClick={this.logout}>Log out</NavItem>
:
<NavItem onClick={this.login}>Log in</NavItem>
}
</Nav>
问题是我想渲染两个 NavItems。我看到我可以用一个函数来做到这一点,但是当我尝试在这样的函数中做到这一点时:
myFunction(){
return(
<NavItem onClick={this.login}>Zaloguj się</NavItem>
<NavItem onClick={this.login}>Zaloguj się</NavItem>
)
}
它告诉我第二个元素无法访问并中断。那么我怎样才能返回两个元素呢?对代码进行字符串化无济于事