摘要： 十、高阶组件使用场景 操纵props 在被包装组件接收props前，高阶组件可以先拦截到props，对props执行增加、删除或修改的操作，然后将处理后的props再传递给被包装组件，上一篇的例子就属于这种情况。 通过ref访问组件实例 import Todo from "./components/ 阅读全文

摘要： 九、高阶组件基本概念 高阶函数是以函数为参数，并且返回值也是函数的函数。 高阶组件接收React组件作为参数，并且返回一个新的React组件。高阶组件本质上也是一个函数，并不是一个组件。 高阶组件的函数形式如下： const EnhancedComponent = higherOrderCompon 阅读全文

摘要： 八、性能检测工具 1，React Developer Tools for Chrome 用来检测页面使用的React代码是否是生产环境版本，如果插件图标背景是黑色的，表示当前是生产环境版本的React；如果是红色的，表示当前是开发环境版本的React 2，Chrome Performance Tab 阅读全文

摘要： 七、性能优化 1，使用生产环境版本的库 对于create-react-app脚手架创建的项目，只需要执行npm run build，就会构建生产环境版本的React库。其原理是，一般第三方库都会根据process.env.NODE_ENV这个环境变量决定在开发环境和生产环境下执行的代码有哪些不同。当 阅读全文