1.jsx-no-bind
在使用ESlint React插件的时候,有一条jsx-no-bind的检测规则。为什么要限制呢?原因有二:
第一:
每次执行 render
方法时都会生成一个新的匿名函数对象,这样就会对垃圾回收器造成负担
第二:
属性中的箭头函数会影响渲染过程:当你使用了 PureComponent
,或者自己实现了 shouldComponentUpdate
方法,使用对象比较的方式来决定是否要重新渲染组件,那么组件属性中的箭头函数就会让该方法永远返回真值,引起不必要的重复渲染。