react的入门(1),ReactDOM.render

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>react的入门的学习</title>
<script src="js/react.js"></script>
<script src="js/react-dom.js"></script>
<script src="js/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
//上面代码有两个地方需要注意。首先,最后一个 <script> 标签的 type 属性为 text/babel 。这是因为 React 独有的 JSX 语法,跟 JavaScript 不兼容。凡是使用 JSX 的地方,都要加上 type="text/babel" 。
//ReactDOM.render 是 React 的最基本方法,用于将模板转为 HTML 语言,并插入指定的 DOM 节点。
ReactDOM.render(
<h1>hello world!</h1>,
document.getElementById("example")
);
//注意在render里面不能出现";",会报错;
</script>
</body>
</html>

posted @ 2017-06-27 19:32  橙子的代码世界  阅读(351)  评论(0编辑  收藏  举报