https://segmentfault.com/a/1190000040317048

hooks代码 https://codesandbox.io/s/react-hooks-course-20vzg

hooks & redux哪个是最好用的状态管理
https://developer.51cto.com/art/202109/683815.htm

渲染劫持

通过高阶函数中继承原组件的方式,劫持修改 render 函数,篡改返回修改,达到显示 Loading 的效果
渲染劫持可以通过控制 render 函数修改输出内容,常见的场景是显示加载元素

  1. function withLoading(WrappedComponent) {
  2. return class extends WrappedComponent {
  3. render() {
  4. if(this.props.isLoading) {
  5. return <Loading />;
  6. } else {
  7. return super.render();
  8. }
  9. }
  10. };
  11. }