其他分享
首页 > 其他分享> > FCC_React_将 this 绑定到 Class 方法上

FCC_React_将 this 绑定到 Class 方法上

作者:互联网

在这里插入图片描述

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      text: "Hello"
    };
    // 修改这行下面的代码
    this.handleClick = this.handleClick.bind(this)
    // 修改这行上面的代码
  }
  handleClick() {
    this.setState({
      text: "You clicked!"
    });
  }
  render() {
    return (
      <div>
        { /* 修改这行下面的代码 */ }
        <button onClick={this.handleClick}>Click Me</button>
        { /* 修改这行上面的代码 */ }
        <h1>{this.state.text}</h1>
      </div>
    );
  }
};

在这里插入图片描述
在这里插入图片描述

标签:handleClick,代码,React,修改,state,FCC,text,Class
来源: https://blog.csdn.net/weixin_39289876/article/details/121471587