reactjs - 返回reactjs的多个条件

Question

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

在 return () 中，我想添加一个条件来显示“OK”，如果 valid 或 valid2 等于 ok 我试过这样的事情：

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

但它不起作用请问如何做到这一点？

先感谢您

标签： reactjsconditional

Answer 1

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

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