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