React Render Children 作为组件

Question

如何将子项渲染为组件

我有一个 function 我想作为道具传递给动态渲染的组件

const someFuntion =() => true

const items =  [
 { name: <SomeComponent> props.someFuntion(Emerie) </SomeComponent>,
  age: <SomeOtherComponent> 22 </SomeOtherComponent>
 }
]



return ({ items.map(({name, age}) => {

   <div> {name someFuntion=someFuntion }    </div>
   <div> <name someFuntion=someFuntion/>    </div>
})})

Answer 1

const someFuntion = (children) => children

并在渲染上

<SomeComponent>{props.someFuntion(<Emerie />)}</SomeComponent>