在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