您的位置：首页 > Web前端 > React

React环境搭建

2015-10-19 00:00 423 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航