return reactjs 中的多个条件

Question

我正在创建一个反应项目，我不能在显示时做多个条件我的组件有这样的状态： {用户有效："ok" 有效 2："ok" }

在return()中我想加个条件显示"OK"if valid或valid2等于ok 我试过这样的事情：

<p>
 {
   this.state.user.valid === "ok" || this.state.user.valid2 === "ok" ? "ok"
: "verify"
 }
</p>

但是不行请问如何操作？

提前致谢

Answer 1

如果 valid 或 valid2 等于 ok。您需要添加括号。

<p>
 { (this.state.valid === "ok" || this.state.valid2 === "ok")? "ok" : "verify" }
</p>

Answer 2

{edit ? <component name /> : pedit ? <component name  />: <Default component name  />}

Multiple conditions in return reactjs