之前如果我们需要抽离一些重复的逻辑，就会选择 HOC 或者 render props 的方式。但是通过这样的方式去实现组件，你打开 React DevTools 就会发现组件被各种其他组件包裹在里面。这种方式首先提高了 debug 的难度，并且也很难实现共享状态。 但是通过 H…

这已经是比较简单的登录页，一些涉及到详情编辑的页面，十多二十个组件也是常有的。一旦组件多起来就会有许多弊端： 不易于维护：占据大量篇幅，阻碍视野。 可能影响性能：setState的使用，会导致重新渲染，如果子组件没有相关优化，相当影响性能。 表单校验：难以统一进行表单校验。 .…