DAY7 摸鱼日记

ts 不是theshy也不是tap-strafing

ts是js的超集，实际上运行前会被转成js再执行。
编译：tsc xx.ts
运行：node xx.js

hooks复用逻辑

其实就是搞个钩子函数可以给不一样的组件用辣。

高阶组件（HOC）的学习

hoc本身不是react api的一部分，是纯函数，组件作为参数，返回值也是组件的函数，不会修改传入的组件，也不会使用继承复制其行为。
hoc通过将组件包装在容器组件中来组成新组件。
举个例子，获取获取博客信息列表组件和获取评论列表，虽然这两个功能之间有一些差距，比如博客需要有转发功能，评论需要自动获取焦点，但两者都有获取数据源、渲染列表等公共功能，因此可以将评论组件和博客查询组件封装起来，抽取公共方法，抽象到一个函数中。
组件和高阶组件的区别：
组件是通过props渲染ui的，即props->ui
高阶组件是通过组件和props产生特定的组件，即component->component

** 使用hoc的原因 **

• 抽取重复代码，实现组件复用，相同功能组件复用。
• 条件渲染，控制组件的渲染逻辑。
• 捕获被处理组件的生命周期。

任务：实现一个hoc还可以对原有组件进行监控。比如对一些事件监控，如点击事件。