javascript - 在 React 中渲染多个条件三元运算符

Question

第一次尝试这个所以请告诉我。

我想根据三个条件之一返回一些元素。目前该代码适用于两种情况:

<h1 id="largeh1">
   {isEnvironmentBFE
     ? outputEnFr(
       "BFE Environment English Text",
       "BFE Environment French Text",
       this.props.lang
       )
     : outputEnFr(
        "Acme Environment English Text",
       "Acme Environment French Text",
       this.props.lang
     )
    // Want third condition here
    }
</h1>

如果环境是“isEnvironmentBFE_OR_BFERENTAL”，我想再添加一个条件 - 所以当人们遇到第三种环境时，它会为他们提供不同的英语/法语值。如果可能的话，我想坚持使用三元运算符。

知道如何在此处添加第三个条件吗？

Answer 1

<h1 id="largeh1">
   {
     isEnvironmentBFE
     ? (
         outputEnFr(
           "BFE Environment English Text",
           "BFE Environment French Text",
           this.props.lang
         )
     ) : NEW CONDITIONAL HERE
     ? (NEW RESULT)
     : (
         outputEnFr(
           "Acme Environment English Text",
           "Acme Environment French Text",
           this.props.lang
         )
     )
   }
</h1>

这相当于

if(isEnvironmentBFE)
  //yadda
else if (foo)
  //yadda yadda
else 
  //yadda