1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<div id="test">
</div>
</body>
<script src="../react.development.js" type="text/javascript"></script>
<script src="../react-dom.development.js" type="text/javascript"></script>
<script src="../babel.min.js" type="text/javascript"></script>
<script type="text/babel">
function demo(){
console.log(this);//此处的this是undefined,因为babel编译后开启了严格模式
return <h2>我是用函数定义的组件</h2>
}

</script>
</html>