Erklärung: Ich bin ein Anfänger von ReactJS.
Die Anforderungen sind wie folgt:
1 React-Komponente aa.jsx

var React = require('react'); var aaa = React.createClass({ render: function(){ return ( 
 aaaaaaaaa 
 ); } }); module.exports = aaa;

2. Reaktionskomponente bb.jsx

var React = require('react'); var aaa = React.createClass({ render: function(){ return ( 
 bbbbbbbbbbbbbbb 
 ); } }); module.exports = bbb;

3. Der Haupteingang von React, main.jsx, muss die erforderlichen Komponenten basierend auf einer JSON-Datei laden

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'); }

Aber das Problem ist, dass die Seiten hier alle Funktionen haben. So nehmen Sie die Dom-Blöcke (p-Elemente) heraus und fügen sie nacheinander einem bestimmten Dom-Element auf der Seite index.html hinzu.