javascript - 反応の状態を使用してカウントをインクリメントできません

Question

以下は、クリックボタンを使用してカウントをインクリメントしようとしているコードですが、値を更新していません。コンソールでもエラーは発生しませんが。ここで私が間違っていることを教えてください。

JS コード -

class App1 extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      count: 0
    }
    this.setCount = this.setCount.bind(this)
  }

  setCount() {
    this.setState((state) => {
      count: state.count + 1
    })
  }



  render() {
    return (
      <>
        <hr />
        <h3>test increment</h3>
        <button onClick={this.setCount}>Click</button>
      <p>{this.state.count}</p>
      </>
    )
  }
}

ReactDOM.render(<App1 />, document.getElementById('root'))

コードペン - https://codepen.io/anon/pen/LaMOEp