BoiAbsent comments

Results 2 comments of


                                            BoiAbsent

react项目中，constructor(){ this.target = this.func.bind(this); },JSX里onChange={this.target}的写法，为什么要比非bind的func = () => {}的写法效率高请解释其中的原理

箭头函数每次render都是新的，this.target一直都是同一个，箭头函数会造成不必要的diff

react项目中，constructor(){ this.target = this.func.bind(this); },JSX里onChange={this.target}的写法，为什么要比非bind的func = () => {}的写法效率高请解释其中的原理

> > 箭头函数每次render都是新的，this.target一直都是同一个，箭头函数会造成不必要的diff > > react 并不会对属性进行 diff（除了 key 属性） > react 的 diff 策略是标签名字（组件名称）和 key > 所以并不会造成不必要的 diff 抱歉我描述得不对是造成不必要的render，导致 PureComponent 或 shouldComponentUpdate() 的优化失效可以参考[这里](https://zh-hans.reactjs.org/docs/faq-functions.html#arrow-function-in-render)

BoiAbsent

react项目中，constructor(){ this.target = this.func.bind(this); },JSX里onChange={this.target}的写法，为什么要比非bind的func = () => {}的写法效率高 请解释其中的原理

react项目中，constructor(){ this.target = this.func.bind(this); },JSX里onChange={this.target}的写法，为什么要比非bind的func = () => {}的写法效率高 请解释其中的原理

react项目中，constructor(){ this.target = this.func.bind(this); },JSX里onChange={this.target}的写法，为什么要比非bind的func = () => {}的写法效率高请解释其中的原理

react项目中，constructor(){ this.target = this.func.bind(this); },JSX里onChange={this.target}的写法，为什么要比非bind的func = () => {}的写法效率高请解释其中的原理