react实现pure render时bind(this)隐患需注意!

pure render 我就不多说了，附上我另一片文章链接 react如何性能达到最大化(前传)

不论你用不用immutable，只要你想达到pure render，下面值得你注意！

一天我和往常一样，开开心心得写着react，用着@pureRender，

export default class extends Component {
...
 render() {
  const {name,age} =this.state;
  return (
   <div>
    <Person name={name} age={age} onClick={this._handleClick.bind(this)}></Person>//bug 所在
   </div>
  )
 }
...
}

发现一个问题，对于Person这个子组件来说，在父组件re－render的时候，即使Person得前后两个props都没改变，它依旧会re－render，即使用immutable.js也不好使。

原来啊，父组件每次render，_handleClick都会执行bind(this) 这样_handleClick的引用每次都会改，所以Person前后两次props其实是不一样的。

那怎么办？把bind（this）去掉？不行 还必须得用

真正的答案是 让父组件每次render 不执行bind（this），直接提前在constructor执行好，修改之后

export default class extends Component {
 constructor(props){
  super(props)
  this._handleClick=this._handleClick.bind(this)//改成这样
 }
 render() {
  const {name,age} =this.state;
  return (
   <div>
    <Person name={name} age={age} onClick={this._handleClick}></Person>
   </div>
  )
 }
...
}

参考：React.js pure render performance anti-pattern

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# react  # pure  # render  # bind  # React 组件中的 bind(this)示例代码  # Modal.confirm是否违反了React模式分析  # react中关于函数调用()与bind this的原因及分析  # 我就  # 也不  # 我和  # 说了  # 都没  # 不多  # 两次  # 你想  # 写着  # 一个问题  # 你用  # 上我  # 还必须  # 来啊  # 前传  # 大家多多  # 往常  # 用着  # pre  # class 

相关文章： 佛山企业网站制作公司有哪些,沟通100网上服务官网？  如何用AWS免费套餐快速搭建高效网站？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  用v-html解决Vue.js渲染中html标签不被解析的问题  如何在万网自助建站平台快速创建网站？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  建站之星下载版如何获取与安装？  如何选择适合PHP云建站的开源框架？  高端网站建设与定制开发一站式解决方案 中企动力  建站之星如何保障用户数据免受黑客入侵？  南京网站制作费用,南京远驱官方网站？  潮流网站制作头像软件下载,适合母子的网名有哪些？  如何设置并定期更换建站之星安全管理员密码？  建站之星安装步骤有哪些常见问题？  如何在搬瓦工VPS快速搭建网站？  网站设计制作企业有哪些,抖音官网主页怎么设置？  平台云上自主建站：模板化设计与智能工具打造高效网站  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  建站之星后台密码遗忘或太弱？如何重置与强化？  盐城做公司网站,江苏电子版退休证办理流程？  如何挑选最适合建站的高性能VPS主机？  如何配置FTP站点权限与安全设置？  css网站制作参考文献有哪些,易聊怎么注册？  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  已有域名和空间如何搭建网站？  大连网站制作公司哪家好一点,大连买房网站哪个好？  宝塔Windows建站如何避免显示默认IIS页面？  简单实现Android文件上传  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  制作电商网页,电商供应链怎么做？  seo网站制作优化,网站SEO优化步骤有哪些？  如何选择高效响应式自助建站源码系统？  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  建站之星伪静态规则如何设置？  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  网站制作需要会哪些技术,建立一个网站要花费多少？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  微信小程序 五星评分(包括半颗星评分)实例代码  网站好制作吗知乎,网站开发好学吗？有什么技巧？  建站之星安装后界面空白如何解决？  建站之星北京办公室：智能建站系统与小程序生成方案解析  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  重庆市网站制作公司,重庆招聘网站哪个好？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？