基于条件的嵌套组件的条件渲染 [英] Conditional rendering of nested components based on condition

问题描述

不确定如何在 React 应用程序中将以下嵌套的 if/else 编写为嵌套的三元组，即

Unsure how to write the following nested if/else as a nested ternary within a React app, i.e.

if (jobId === 1) {
  if (activeFlag === 1) {
    <RenderA />
  } else if (activeFlag === 2) {
    <RenderB />
  } else if (activeFlag === 3) {
    <RenderC />
  }
}

我试过了:

{
 (jobId === 1) ?
    (activeFlag === 1) ? (<RenderA />) : (activeFlag === 2) ? (<RenderB />) 
}

不确定我是否在正确的轨道上?

Unsure if I am on the right track?

推荐答案

试试这个 jobId === 1 ?activeFlag === 1 ?<渲染A/>:activeFlag === 2 ?<渲染B/>:activeFlag === 3 &&<RenderC/>:""

这篇关于基于条件的嵌套组件的条件渲染的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！