We will use it. The
The following code loads external data based on the react document prompt. Don’t worry too much about it now. Index I want to replace the HTML file with the following code to ensure that individual components can communicate with each other: Male
Male
Male
Male
Hello realct! Male
Male male
Male male
Male male
Male male
Male
Male
Male male
Male
Var thoreauquote = react Createclass ({
Getinitialstate: function (){
Returns
Reference content: ”,
Reference ID: ”
};
},
Componentdidmount: function (){
This Serverrequest = $ Get (this.props.source, function (result){
Var first reference = result [0];
This Setstate ({
Reference id:firstquote. ID,
Reference title: firstquote. Title Rendered,
Reference: firstquote. Content Rendered
});
} Bind (this);
},
Componentwillunmount: function (){
This Serverrequest Abort();
},
Rendering: functions (){
Returns（
Male
Male quotation ID: male {this.state.quoteid}
Male reference title: male {this.state.quotetitle}
Male reference: male {this.state.quotecontent}
Male
）;
}The
});
Reactdom Render（
Male,
Document Getelementbyid (\
）;
Male
Male
Another quick refresh of the browser, et voila! The
It is indeed an unimpressive visual result, but quite important work has been done here. React uses the rest API to call the data, parse the data, and display the results on the screen. At this time, we can confidently say that we are doing business! Conclusion javascript based front-end solutions will soon occupy a large part of the WordPress world. Now is a good time to start exploring its potential. After a brief introduction to other major competitors building simple applications, we decided to flumming react, the solution we will use in the next few years. The
We have also made considerable progress towards our ultimate goal. Previously, we knew that WordPress happily provided content through the rest API. We also know that you can now run react locally and use and display its contents. Stay tuned for the next part of this series to dig deeper into the details of react content operations. If I do it at home, I’d like to hear your opinions. Please contact and share your thoughts in the comments section below!
