使用对象映射和额外组件反应条件渲染

如何解决使用对象映射和额外组件反应条件渲染

我想做条件渲染，同时映射对象和组件

例如

return(
    fixed? 
      Object.values(data).map((content,index)=>(
       <SomeObject1/> 
      )
      // mapping and extra components
       <ExtraThing1/>
       <ExtraThing2/>
      :

        Object.values(data).map((content,index)=>(
       <SomeObject2/> 
      )
       <ExtraThing3/>
       <ExtraThing4/>

)

有没有办法一次性做到这一点？

解决方法

我认为@Yoshi 的回答在技术上是正确的，但与 OP 的代码不太匹配。 React Fragment (<></>) 分组位于三元运算符的每个分支上，每个组由映射的组件和一些额外的组件组成。对于每个返回值，应该返回一个 React 节点。

return fixed ? (
  <>
    {Object.values(data).map((content,index) => (
      <SomeObject1 />
    ))}
    // mapping and extra components
    <ExtraThing1 />
    <ExtraThing2 />
  </>
) : (
  <>
    {Object.values(data).map((content,index) => (
      <SomeObject2 />
    ))}
    <ExtraThing3 />
    <ExtraThing4 />
  </>
);