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

如何理解 React 高阶组件, 并运用到自己的项目中去？

1. constructor ES6中每个类的构造函数，要创建一个组件的实例就要调用相应的构造函数。 但是并不是每个组件都要定义自己的构造函数，比如无状态的React组件。一个组件调用构造函数，往往是为了两个目的： 2. componentWillMount 3. render…

在前端开发过程中，对性能产生最大影响的因素莫过于DOM的重排重绘了，React作为前端框架领跑者，为了有效解决DOM更新开销的问题，采用了Virtual DOM的思路，不仅提升了DOM操作的效率，更推动了数据驱动式组件开发的形成与完善。一旦习惯了数据驱动式开发，再要求我们使用显…

中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。 1.一个组件所…