代码之家  ›  专栏  ›  技术社区  ›  Saqib Ali

如何在React中有条件地呈现某些文本而不使用else分支?

  •  0
  • Saqib Ali  · 技术社区  · 2 年前

    我是个新手。我在搞一些React代码 MyFile.tsx .这就是我所拥有的:

    <p>
        {(2 > 1) ? "goodbye world" : "hello world"}
    </p>
    

    令人高兴的是,这使“再见世界”。当然了。

    但是我想使用一个简单的if,而不是else分支。我该怎么做?

    我尝试了以下方法,但它给了我一个语法错误:

    <p>
        {if (2 > 1) ("goodbye world")}
    </p>
    
    1 回复  |  直到 2 年前
        1
  •  2
  •   GROVER. sms    2 年前

    React Docs :

    可以通过将表达式用大括号括起来,在JSX中嵌入表达式。这包括JavaScript逻辑代码 && 操作人员它可以方便地有条件地包含一个元素:

    {(2 > 1) && ("Goodbye World")}
    

    这基本上只是一个没有短路的三元运算符。