React: 函数式组件


1. 简介

函数式组件本质上就是一个JS函数
作为一个组件,至少包括一些结构代码

2. 示例代码

展开代码
 

  

3. 运行原理

  1. ReactDOM.render解析组件标签
  2. 解析到组件为函数式组件,调用该函数,将返回的虚拟DOM转为真实DOM呈现在页面
  3. 普通JS函数中的this指向的是window对象,babel将JSX代码翻译为JS代码时,开启的严格模式(use strict),此时函数中的this的值为undefined