エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【React】useStateの使い方と注意点まとめ | devsakaso – プログラミングの独学サイト
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【React】useStateの使い方と注意点まとめ | devsakaso – プログラミングの独学サイト
ReactのuseStateとは? useStateを使うことで、リアルタイムで画面更新が可能になります。 Reactにコン... ReactのuseStateとは? useStateを使うことで、リアルタイムで画面更新が可能になります。 Reactにコンポーネントの再実行(再レンダリング)を依頼して、新たなReact要素を作成します。 そして、そのためには変更した値をどこかに保持しておく必要があります。 それが、stateという場所に保存します。 これらを行う仕組みがuseStateという関数です。 import { useState } from 'react'; const Sample = () => { // useStateの()には初期値を設定する let arr = useState(0); // (2) [0, ƒ] 配列の0番目は参照用の値、1番目は更新用の関数 const handler = (e) => { const setFn = arr[1]; setFn(e.target.value);