Lei Xiao comments

Results 2 comments of


                                            Lei Xiao

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

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 > > 抱歉我描述得不对 >...

Lei Xiao

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 = () => {}的写法效率高请解释其中的原理