ps: 用于记录学习,持续更新
函数式组件
<script type="text/babel">
function Demo () {
// 此处的this,是undefined; 因为进过babel转换后使用严格模式,
console.log(this)
return <h2> 这是函数式组件 </h2>
}
ReactDOM.render(<Demo/>,页面ID)
<Demo/>这里放的是标签
执行ReactDOM.render() 之后发生了什么;
- React 解析组件标签, 找到了Demo组件
- 发现组件是使用函数定义的, 随后调用该函数, 将虚拟DOM转为真实DOM,然后呈现在页面上