来源:未知 时间: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