React-函数式组件

ps: 用于记录学习,持续更新
函数式组件

<script type="text/babel">
function Demo () {
	// 此处的this,是undefined; 因为进过babel转换后使用严格模式, 
	console.log(this)
	return <h2> 这是函数式组件 </h2>
}
ReactDOM.render(<Demo/>,页面ID)

<Demo/>这里放的是标签

执行ReactDOM.render() 之后发生了什么;

1. React 解析组件标签, 找到了Demo组件
2. 发现组件是使用函数定义的, 随后调用该函数, 将虚拟DOM转为真实DOM,然后呈现在页面上