今天,我们就开始React环境的搭建和第一个实例的使用。
一、 ReactJS的环境搭建,下载ReactJS:https://facebook.github.io/react/downloads.html。直接解压就行。项目结构如下:
二、 创建一个html文件,记为react1.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="js/react.js"></script> <script src="js/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script> </head> <body> <div id="example"></div> <script type="text/babel"> ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById(‘example‘)); </script> </body> </html>
三、 运行效果
<div id="example"> <h1 data-reactroot="">Hello, world!</h1> </div>
原文:http://www.cnblogs.com/huhx/p/baseusereactJS1.html