在React的组件渲染上，有两种方式，一种是函数式组件，一种是类式组件。
顾名思义，函数式组件即以函数的方法书写组件。类式组件是以类的形式书写组件。
这里记录函数式组件的书写规则及注意点。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函数式组件</title>
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<body>
<div id="test"></div>
<script type="text/babel">
function MyComponent(){
console.log(this);//此处的this是undefined，因为babel编译后开启了严格模式
return <h2>这是一个函数定义的组件（适用于简单组件的定义）</h2>
}
ReactDOM.render(<MyComponent/>,document.getElementById('test'))
// 执行了ReactDOM.render(<MyComponent/>,doucument.getElementById("test")) ……之后发生了什么？
// 1、React解析组件标签后，找到了MyComponent组件。
// 2、发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，渲染到页面中。
// 注意点：
// 1、函数式组件的名称首字母必须大写。
// 2、必须写组件标签，不能是函数名或函数调用。
</script>
</body>
</html>
时时记，日日新。
日日记，时时忆。