首页 > 其他 > 详细

React环境搭建

时间:2015-10-19 20:58:55      阅读:640      评论:0      收藏:0      [点我收藏+]
  1. 安装node;

  2. npm install --save react react-dom, 取react.min.js、react-dom.min.js;

  3. npm install babel,取browser.min.js;

  4. 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.则为搭建成功!

React环境搭建

原文:http://my.oschina.net/CuckooLong/blog/519051

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!