Penjelasan: Saya seorang pemula reactJS
Keperluan adalah seperti berikut:
1 react component aa.jsx

    var React = require('react');
    var aaa = React.createClass({
        render: function(){
            return (
                <p ref="username" className="comment2">
                    aaaaaaaaa
                </p>
            );
        }
    });
    module.exports = aaa;

2. komponen tindak balas bb.jsx

    var React = require('react');
    var aaa = React.createClass({
        render: function(){
            return (
                <p ref="username" className="comment3">
                    bbbbbbbbbbbbbbb
                </p>
            );
        }
    });
    module.exports = bbb;

3 Pintu masuk utama react, main.jsx, perlu memuatkan komponen yang diperlukan berdasarkan fail json

    json ={
            "data" : [
                {
                    "page" : "aa"
                },
                {
                    "page" : "bb"
                },
                {
                    "page" : "cc"
                }
            ]
        }
    在主函数这里 我用了一个for 循环 
    for (var i=0 ; i< data.length ; i++){
        var page = require('./components/'+ data[i]['page'] +'.jsx');
   }
   

Tetapi masalahnya, halaman di sini adalah semua fungsi. Cara untuk mengeluarkan blok dom (elemen p) dan menambahkannya pada elemen dom yang ditentukan pada halaman index.html satu demi satu.