React hooks useState

Reactのクラスコンポーネントを触ってみたが、双方向データバインディングのあるVue.jsに比べて使いにくすぎて驚いた。
ただ、Hooksは使いやすい。これなら、Reactでも普通に使っていけそう。

import React, { useState } from 'react';

const FooComponent = () => {
  const [count, setCount] = useState(0)

  const double = () => setCount(count * 2)

  return (
    <div className="App">
      <button onClick={() => setCount(count + 1)}>increment</button><br />
      <button onClick={double}>double</button>
      <div>{count}</div>
    </div>
  )
};

export default FooComponent;