reactjs - 如何有条件地向组件添加文本？

Question

我想添加这条线，说明忍者是大师，但前提是腰带是红色或黑色。我想我正在混淆我正在尝试使用的这种类型的功能。

<div>{isMaster = () => {
    if (n.belt === "black" || n.belt === "red") {
       return "Master";
    } else {
       return null;
    }
}}</div>

标签： reactjs

Answer 1

<div>
  {(n.belt === "black" || n.belt === "red") && "Master"}
</div>