title: Rendering multiple conditions ternary operator in React
body: <p>First time trying this so please bare with me.</p>
  <p>I want to return some elements based on one of three conditions. Currently the code works for two conditions:</p>
  <pre><code>&lt;h1 id=&quot;largeh1&quot;&gt;
     {isEnvironmentBFE
       ? outputEnFr(
         &quot;BFE Environment English Text&quot;,
         &quot;BFE Environment French Text&quot;,
         this.props.lang
         )
       : outputEnFr(
          &quot;Acme Environment English Text&quot;,
         &quot;Acme Environment French Text&quot;,
         this.props.lang
       )
      // Want third condition here
      }
  &lt;/h1&gt;
  </code></pre>
  <p>I'd like to add one more condition for if the environment is &quot;isEnvironmentBFE_OR_BFERENTAL&quot; - so when people hit this third environment, it gives them different English / French values. Would like to stick with a ternary operator if possible.</p>
  <p>Any idea how I can add a third condition in here?</p>