[英]How can I turn this if statement into a ternary (javascript)
我已经写了这个返回 jsx 元素(反应)的 if 语句,我是完整的三元(不仅是第二个范围中的那个:
jsx:
if (pageState === 'ready') {
return (
<>
<Particles className="particles" params={params} />
<Navigation isSignedIn={isSignedIn} onRouteChange={onRouteChange} />
{route === 'home'
? <>
<Rank name={this.state.user.name} entries={this.state.user.entries} />
<LinkForm inputChange={onInputChange} onSubmit={onSubmit} />
<ImageBox box={box} imageSrc={imageUrl} />
</>
: (
route === 'signin'
? <SignIn loadUser={loadUser} onRouteChange={onRouteChange} />
: <SignUp loadUser={loadUser} onRouteChange={onRouteChange} />
)
}
</>
)
} else if (pageState === 'loading') {
return (
<>
<Particles className="particles" params={params} />
<Loader />
</>
)
}
我不推荐这样做,因为它的可读性要差得多。 此外,为了使用条件返回,您必须返回一些东西。 所以你需要最后的'else'语句或继续你当前的方法。
return (pageState === 'ready') ?
(
<>
<Particles className="particles" params={params} />
<Navigation isSignedIn={isSignedIn} onRouteChange={onRouteChange} />
{route === 'home'
? <>
<Rank name={this.state.user.name} entries={this.state.user.entries} />
<LinkForm inputChange={onInputChange} onSubmit={onSubmit} />
<ImageBox box={box} imageSrc={imageUrl} />
</>
: (
route === 'signin'
? <SignIn loadUser={loadUser} onRouteChange={onRouteChange} />
: <SignUp loadUser={loadUser} onRouteChange={onRouteChange} />
)
}
</>
)
: (pageState === 'loading') ?
(
<>
<Particles className="particles" params={params} />
<Loader />
</>
)
: // You need a final 'else' condition
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.