认识了解React Hooks

认识react

1. JSX 并不是一个新的模板语言，而可以认为是一个语法糖。
2. React.createElement 作用就是创建一个组件的实例；参数：

• 第一个参数表示组件的类型；
• 第二个参数是传给组件的属性，也就是 props
• 第三个以及后续所有的参数则是子组件。

React.createElement(
 "div",
 null,
 React.createElement(
   "button",
   { onClick: function onClick() {
       return setCount(count + 1);
     } },
   React.createElement(CountLabel, { count: count })
 )
);

理解hooks

1. hooks的好处：简化了逻辑复用。

如果用class组件实现逻辑复用需要封装高阶组件；有以下缺点：

1. 代码难理解，不直观，很多人甚至宁愿重复代码，也不愿用高阶组件；
2. 会增加很多额外的组件节点。每一个高阶组件都会多一层节点，这就会给调试带来很大的负担。

2. 在 Class 组件中，代码是从技术角度组织在一起的，例如在 componentDidMount 中都去做一些初始化的事情。而在函数组件中，代码是从业务角度组织在一起的，相关代码能够出现在集中的地方，从而更容易理解和维护。