有可能在if中有if作为回报吗

Question

我想知道是否可以在返回中的if语句中包含if语句。

我知道以下语法：

return (
<div>
{ myVar ? <Component/> : <AnotherComponent/> }
</div>
)

我想要的是这样的东西：

return (
<div id="App">
{ loading ? 
<Loading/>
:
userIsLoggedIn ?
<Redirect to="/login"/>
:
<Redirect to="/dashboard"/>      
}
</div>
)

这可能吗？如果没有，我如何才能做到这一点？

Answer 1

实际上这是一种糟糕的做法，避免嵌套的三元。。。但是你的代码是这样的：

return (
<div id="App">
{ loading ? <Loading/> : (userIsLoggedIn ? <Redirect to="/login"/> :<Redirect to="/dashboard"/>)}
</div>
);