ReactでHooks APIが登場したのは2019年2月。現在では当たり前のように使われているHooksですが、みなさんは正しく使いこなせているでしょうか? 本記事ではHooks APIの基本的な使い方から、注意点まで説明します。 useStateとは HooksはReactバージョン16.8で追加された新機能です。stateやライフサイクルといったReactの目玉機能を、クラスコンポーネントでなくとも使えるようになります。次のコードは、ボタンをクリックすると数値が増えるカウンターを作成するコンポーネントです。数値はReactのstate機能を使って管理されています。 import React, { useState } from "react"; export const CounterComponent = () => { // state を追加 const [count, set
![React Hooks入門 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/302ffb32dab5f876013a065ef19cdf22b8ec87b3/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F201106%2Fimages%2Feyecatch.jpg)