React + TypeScript: コンポーネント間で状態を共有する - Qiita
React公式サイトのドキュメントが2023年3月16日に改訂されました(「Introducing react.dev」参照)。本稿は、基本解説の「Sharing State Between Components」をかいつまんでまとめた記事です。ただし、コードにはTypeScriptを加えました。反面、初心者向けのJavaScriptの基礎的な説明は省いています。 なお、本シリーズ解説の他の記事については「React + TypeScript: React公式ドキュメントの基本解説『Learn React』を学ぶ」をご参照ください。 ふたつのコンポーネントの状態を、つねに一緒に変化させたい場合があるでしょう。そのためには、状態をそれぞれのコンポーネントにもたせるのでなく、もっとも近い共通の親に移すべきです。そのうえで、親から子には値をプロパティで渡します。これは状態の引き上げ(リフトアップ
[TypeScript]二次元配列からundefinedを取り除きつつ、型も除いた情報で定義する | DevelopersIO
t_o_dと申します。 map関数で生成された配列等、配列内にundefinedが入るケースがあります。 その際にfilterで取り除くのですが、単純な条件だと型情報にはundefinedが残ったままです。 そこで今回は型もundefinedを取り除いた情報になるようにfilterする方法を記録いたします。 環境 mac OS Ventura 13.2.1 typescript 4.9.5 修正前 修正前のコードは以下の通りです。 // 型 : ((string | number)[] | undefined)[] const members = [ [1, "takahashi"], [2, "kato"], undefined, [4, "saito"] ] // 型は「((string | number)[] | undefined)[]」のまま const selections =
![[TypeScript]二次元配列からundefinedを取り除きつつ、型も除いた情報で定義する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3e248037db933d91fd7e8223803b92308f955d5/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F09%2Ftypescript.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
