Day 14 - React: setState 计数器

本来昨天要写这个主题，可是我怎麽写都改不了名字，所以只好跳到下一章教学。

class Counter2 extends React.Component {
  state = {
    counter: 0
  }
  add = () => {
    this.setState({
      counter: this.state.counter+1
    })
  }
  render() {
    return <p>{this.state.counter}<br /><button onClick={this.add}>ADD</button></p>
           //因为懒惰再调CSS，所以我写都写在p里用<br />做换行。
  }
}
const el6 = <Counter2 />
ReactDOM.render(
  el6,
  document.getElementById('root9')
);

然後就可以得到一个计数器。

看起来 setState 是需要被触发的（我还没学到生命周期），所以回到昨天再来尝试一下昨天的想法吧。

如果不成功就失败了ＱＱ

更新：我成功改值了，请参考前一篇文章，可能是我又打错字了吧？中间一直出错。