为后期渲染存储 JSX 代码

【问题标题】：Storing JSX code for late rendering为后期渲染存储 JSX 代码
【发布时间】：2017-08-03 06:09:06
【问题描述】：

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

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

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

【问题讨论】：

标签： reactjs jsx

【解决方案1】：

我认为，data 是不可能的

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

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

其他选项是

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

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

然后

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

【讨论】：