react 数据绑定更新

封神梦

已于 2022-09-22 20:53:52 修改

阅读量177

点赞数

分类专栏： react 文章标签： javascript 前端 react.js

于 2022-09-19 14:01:41 首次发布

本文链接：https://blog.csdn.net/qq_36724185/article/details/126931403

版权

react 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

react 数据绑定更新

数据的绑定和操作同步更新，点击计数+1；

<div id="example"></div>
<script type="text/babel">
class Counter extends React.Component{
  constructor(props) {
      super(props);
      this.state = {clickCount: 0};
      this.handleClick = this.handleClick.bind(this);
  }
  
  handleClick() {
    this.setState(function(state) {
      return {clickCount: state.clickCount + 1};
    });
  }
  render () {
    return (<h2 onClick={this.handleClick}>点击次数++: {this.state.clickCount}</h2>);
  }
}
ReactDOM.render(
  <Counter />,
  document.getElementById('example')
);
</script>