React环境搭建

安装node；
npm install --save react react-dom, 取react.min.js、react-dom.min.js;
npm install babel,取browser.min.js;
Hello World程序

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Basic Example</title>
    <link rel="stylesheet" href="base.css" />
    <script src="react.min.js"></script>
    <script src="react-dom.min.js"></script>
    <script src="browser.js"></script>
  </head>
  <body>
    <div id="content"></div>
    <script type="text/babel">
      var CommentBox = React.createClass({
        render: function() {
          return (
            <div className="commentBox">
              Hello, world! I am a CommentBox.
            </div>
          );
        }
      });
      ReactDOM.render(
        <CommentBox />,
        document.getElementById('content')
      );
    </script>
  </body>
</html>

页面出现Hello, world! I am a CommentBox.则为搭建成功!

来源：oschina

链接：https://my.oschina.net/u/1765312/blog/519051

标签

react

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!