存储JSX代码以进行后期渲染

Question

已经试了一个星期！我想将JSX存储在我使用解析器构建的数组中。我想这样做

JSX.push(<Accordion
              uniqId={'addAsset'}
              {...this.props}
              singleOpen={true} >);

这可能吗？我可以将它存储为字符串，然后以某种方式将字符串数组解释为JSX代码吗？

Answer 1

我认为data

无法做到这一点

JSX.push(<Accordion
              uniqId={'addAsset'}
              {...this.props}
              singleOpen={true} >);

您可以将数据存储在数组中，稍后您可以使用数组数据映射和调用组件...

其他选项是

您可以将组件存储到没有数据的array中，然后您可以调用该组件。

JSX.push(Accordion);
JSX.push(TextBox);

然后

JSX.map(function(item){
    <item {...data}/>
})