关注前端开发
React、Vue、Webpack、前端面试等

代码审查随记:React组件写法的清晰化

react中组件component写法上大部分情况下可以完全避免书写constructor的,见下图。这种写法有种好处,可以减少一层代码嵌套,让代码看起来更清爽。对提高可读性非常有用。

另外绑定this也不需要像图中左边这种方式去处理,这样容易出现新写方法后忘记通过bind来绑定this的问题。更合适的写法是像图中右边所示那样,在定义方法时通过箭头函数的方式来保持this指向组件实例。

版权声明:非商业用途转载请注明文章链接,商业用途转载请联系邮箱获取授权。
文章名称:《代码审查随记:React组件写法的清晰化》
文章链接:https://www.verytopics.com/code-inspection-react-component-simplify.html
商业联系:yakima.public@gmail.com
本站内容仅供个人学习交流,不做为任何投资、建议的参考依据,因此产生的问题需自行承担。

说明:部分文章或者图片中有https://www.orzzone.com的链接地址,那个也是本人的博客,部分文章是从那搬过来的(那里有很多和前端无关的东西,特意拆出来的)。