美文网首页
ReactJS学习笔记

ReactJS学习笔记

作者: LebranD | 来源:发表于2019-08-01 11:43 被阅读0次

ReactJS学习小计

在React组件的事件处理上面需要注意this的问题,稍不留神就会产生奇怪的bug,在 JavaScript 中,class 的方法默认不会绑定this。例如下图 如果你忘记绑定 this.handleClick 并把它传入了 onClick,当你调用这个函数的时候 this 的值为 undefined

如果要避免这个问题可以使用箭头函数例如下图

使用箭头函数正常是没有什么问题,只不过由于是创建一个新的函数如果作为属性传给组件的话会导致一次不必要的刷新。

相关文章

  • ReactJS学习笔记

    ReactJS学习小计 在React组件的事件处理上面需要注意this的问题,稍不留神就会产生奇怪的bug,在 J...

  • Ant Design Pro的知识储备

    Less 笔记 Less 官方文档 ReactJs笔记 ReactJs官方文档 ES6笔记 ES6文档 dvaJs...

  • REACTjs学习笔记-16.2.0

    1。jsx:jsx执行更快,编译为js代码后进行了优化,而且在编译过程中就能发现错误。注:可以防止用户输入数据的数...

  • ReactJS的学习笔记

    React介绍 React只是一个view层的解决方案,它做的主要事情就是 前端控件组件化 利用 props 形成...

  • ReactJs小书笔记(二)

    ReactJs小书笔记(二) ReactJs小书官方文档:传送门 17 前端应用状态管理——状态提升 概念:当平级...

  • ReactJs小书笔记(一)

    ReactJs小书笔记(一) ReactJs小书官方文档:传送门 1 react简介 React.js 不是一个框...

  • ReactJs学习

    1、ECMAScript的相关知识 (1)let将变量的作用域设置为:块级作用域 (2)const 设置常量 (3...

  • ReactJS 的学习教程

    欢迎移步我的博客阅读:《ReactJS 的学习教程》 当提到为某个应用或网站构建 UI 时,ReactJS 往往是...

  • ReactJs学习记录

    参考文章: 入门推荐:http://www.jianshu.com/p/8e625f70de19如何学习React...

  • ReactJs学习路线

    #第一次发日记

网友评论

      本文标题:ReactJS学习笔记

      本文链接:https://www.haomeiwen.com/subject/tjfalctx.html