後でレンダリングするためのJSXコードの保存

これを1週間試しました！パーサーで構築した配列にJSXを格納したい。私はこれをしたい後でレンダリングするためのJSXコードの保存

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

これは可能ですか？私はそれを文字列として保存し、後でJSXコードとして文字列の配列を解釈することができますか？

2017-08-03 Addinall

あなただけJSXあなたのコンポーネントの戻り値を使用することができますので、私は、それが可能だとは思いません。代わりに必要なデータを格納し、コンポーネントをレンダリングするときにそのデータをマップするのはなぜですか？ –

フォーム作成者になっています。私はJSONファイルを解析するまでコンポーネントを知らない。 – Addinall

私が思うに、これは

その他のオプションは

です...あなたは、配列内のデータを格納することができ、後であなたがマップや配列データを使用してコンポーネントを呼び出すことができます data

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

では不可能です

コンポーネントをデータなしでarrayに保存し、後でそのコンポーネントを呼び出すことができます。

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

、その後

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

2017-08-03 06:20:20

ありがとうございます。私は2番目の試みを与えるでしょう。 – Addinall

あなたが受け入れ、私の答えをupvoteしていただければ幸いです... –

答えて