日常踩坑

12.24日 写在18年的尾巴上~

在React中,如果你render一个元素,给他绑定了一个方法,那么不要直接在后面(参数),那样的话当组件渲染的时候会自动执行这个绑定的方法。比如:

错误示范 1

上面这个点击事件,即便我不点击,当触发渲染页面的时候,也会doRefresh,这样的话会影响性能,当然,性能对目前的你来说可能无所谓 ~ 但更关键的是,当你的方法中包含setState的时候,会报错 ~ 而且最关键的是!如果你的react版本过低,甚至会让浏览器进入死循环 ~ 不要问我怎么知道的~

所以如果参数不必要,正确的姿势是不给参数,像这样:

正确示范 1

如果参数一定要传,那就把方法写在这里吧,像这样:

正确示范 2

解决~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,535评论 1 33
  • 本笔记基于React官方文档,当前React版本号为15.4.0。 1. 安装 1.1 尝试 开始之前可以先去co...
    Awey阅读 7,812评论 14 128
  • 说在前面 关于 react 的总结过去半年就一直碎碎念着要搞起来,各(wo)种(tai)原(lan)因(le)。心...
    陈嘻嘻啊阅读 6,923评论 7 41
  • 40、React 什么是React?React 是一个用于构建用户界面的框架(采用的是MVC模式):集中处理VIE...
    萌妹撒阅读 1,069评论 0 1
  • 使用 create-react-app 快速构建 React 开发环境 项目的目录结构如下: React JSX ...
    majun00阅读 523评论 0 0