在todolist的中，我使用的最多的方式是直接声明箭头函数，然后调用，因为箭头函数默认绑定this，特别是callback这种不绑定this，内部无法使用。
创建箭头函数
或者使用这种方式
事件后跟上箭头函数
这种方式也会默认绑定this，而且可以传递面板上的参数前往调用的函数。
但是被指出我的绑定方式很不合理，造成了不必要的性能消耗。
第一点： 直接创建箭头函数去调用，在react16.4版本仍然被官方标记为实验性语法，并不是一个推荐的做法
react16.4 实验性语法
第二点：直接在dom上书写箭头函数或者bind（this），都是一个不怎么合理的行为，因为每次render都会执行，这也是一种性能上的浪费，只需要在构造函数中绑定一次即可
将创建好的callback放在constructor中绑定
（当然，视情况还是需要在div中创建箭头函数来使用，直接绑定this是法无法进行参数传递的，当需要传递参数到回调中，还是需要用箭头函数来实现）
需要传递参数
React事件处理函数绑定this的集中方法 Follow me on GitHub React事件处理函数绑定t...
安装 React Redux Redux不包含React库，需要单独安装React 绑定库 react-redux...
在ES6写法中的react：React.Component创建组件，其成员不会自动绑定this，需要手动绑定。手动...
react绑定事件的几种写法和理解 参考react绑定事件的几种写法 - 简书 (jianshu.com)[htt...
react 是单项数据绑定
使用react，绕不开事件绑定和传参，react事件绑定的方法有以下几种。 方法一： 传参：onClick={th...
一、react操作页面元素的途径 react使用数据绑定操作dom，如果绑定的数据多了，那么dom元素就多了；删除...
一、什么是react-redux React-Redux是Redux的官方React绑定。 它允许您的React组...
单向绑定 vs 双向绑定 单双向绑定，指的是View层和Model层之间的映射关系。 react采取单向绑定，如图...
React绑定事件 & 修改state的值
本文标题：react 绑定this
本文链接：https://www.haomeiwen.com/subject/cyqasftx.html
网友评论