存储延迟渲染的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}/> 
})