本來昨天要寫這個主題，可是我怎麼寫都改不了名字，所以只好跳到下一章教學。

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 是需要被觸發的（我還沒學到生命週期），所以回到昨天再來嘗試一下昨天的想法吧。

如果不成功就失敗了ＱＱ

更新：我成功改值了，請參考前一篇文章，可能是我又打錯字了吧？中間一直出錯。