网站地图    收藏   

主页 > 前端 > react >

react类组件的箭头函数

来源:未知    时间:2024-05-13 19:44 作者:小飞侠 阅读:

[导读] 类组件的箭头函数 在类组件中使用箭头西数不会存在 this 指向问题,因为箭头西数本身井不绑定 this. exportdefaultclassAppextendsReact.Component{handleClick=()=console.log(this)render(){returnbuttononClick={...

类组件的箭头函数


在类组件中使用箭头西数不会存在 this 指向问题,因为箭头西数本身井不绑定 this.


export default class App extends React.Component {
  handleClick = () => console. log(this)
  render() {
    return <button onClick={this.handleClick}>按钮<button>
  }
}



箭头西数在 this 指向问题上占据优势,但是同时也有不利的一面,

当使用箭头西数时,该西数被添加为类的实例对象属性,而不是原型对象属性.如果组件被多次重用,每个组件安例对象中都将会有一个相同的函数安

例,降低了西数实例的可重用性造成了资源浪费.

综上所述,更正函数内部 this 指向的最佳做法仍是在构造函数中使用 bind 方法进行绑定


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论