关键代码:
import React, { Component } from 'react'
export default class Demo extends Component {
state = { count: 0 };
//对象式的setState
// add = () => {
//获取原来的count值,所以在新状态不依赖于原状态时使用,如(count:99)
// const { count } = this.state;
//更新状态
// this.setState({ count: count + 1 });
// };
//函数式的setState 不需要获取原来的count值,在新状态依赖于原状态时使用
add = () => {
this.setState((state, props) => {
return { count: state.count + 1 };
});
};
render() {
return (
<div>
<h1>当前求和为:{this.state.count}</h1>
<button onClick={this.add}>点我+1</button>
</div>
);
}
}