説明: 私は ReactJS の初心者です;
要件は次のとおりです:
1. 反応コンポーネント aa.jsx
2. コンポーネント bb.jsx
に反応します リーリー3. React のメインの入口である main.jsx は、json ファイルに基づいて必要なコンポーネントをロードする必要があります。 リーリー
しかし問題は、ここのページはすべて関数であるということです。 dom ブロック (p 要素) を取り出し、index.html ページ上の指定された dom 要素に 1 つずつ追加する方法。
黄舟2017-05-31 10:42:48
まず、私が理解できないのは、aa.jsx と bb.jsx は非常に似ているのに、なぜ 2 つを書くのかということです (もちろん、便宜上サンプルを書いたのかもしれません)。これらは複数の異なるファイルであるため、異なる React コンポーネントであるため、それらをすべて特定の DOM でレンダリングしたい場合は、それらを配列に直接配置するだけです。
以下のコードはテストしていませんが、動作するはずです
リーリー埋め込む場所、JSXコード
リーリーいつでも更新したい場合は、再レンダリングするだけで、this.state.components を使用できます
翻訳された React ドキュメントをご覧ください
