React | Hooks(useState, useEffect)の動作確認 - わくわくBank
React16.8で追加された「Hooks」を利用して、関数コンポーネントに「state」と「ライフサイクルメソッド」の機能を実装する方法を確認します。 useState｜state 概要 useState() を利用すると、コンポーネントの状態管理を実装できます。 useState() の引数にstateの初期値を指定する。 useState() は戻り値として、state変数 と stateを更新するための関数 を返す。 複数のstateを使うには、複数回 useState() を呼ぶ。 動作確認 import React, { useState } from 'react' const App = ({ message }) => { const [items, setItems] = useState(Array(9).fill(0)) const [flg, setFlg] =
TypeScriptの目玉機能「ジェネリック（Generics）」はこうなっている
JavaScriptのスーパーセットである「TypeScript」。その言語機能として追加されたものの中で、特に注目度が高い「ジェネリック（Generics）」の言語仕様や機能内容を紹介。 2013年のTypeScriptの進化の中で比較的大きな機能強化といえば、ジェネリックを置いて他に無い。ジェネリックとは、いったい何だろうか。なぜ重要なのだろうか。まずそこから説明を始めよう。 型を抽象化するジェネリック C#などの知識があり、「ジェネリックの機能」と意味を分かっている読者は、ここを読み飛ばしてもよい。明確な型の概念を持たないJavaScriptを使ってきて、型の扱いにまだ慣れていない読者のために、簡単に「ジェネリックの意義」を説明してみよう。 ジェネリックは簡単に言えば、型引数を使用して、実際に利用されるまで型が確定しないクラスや関数を実現するためのものだ。 しかし、型引数とは何だろう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
