React —— 01 函数式组件

211 阅读1分钟

1》格式 :

0132.png

1)函数中return的就是 要创建的组件的内容,图中为最简单的组件定义

2) 注意此处this输出的是 undefined 因为 babel 编译后开启了严格模式【禁止自己定义的函数中 this指向window】 (3)渲染组件到页面是固定写法 ReactDOM.render(<组件名字/>,要渲染到的容器)

2》执行了ReactDOM . render(......)语句后,发生了什么 ?

1)React 结息组件标签,找到了 Demo 组件

2)发现组件是使用函数定义的,随后调用该函数,将返回的虚拟DOM转为真实的DOM,随后呈现在页面中