エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Reactの存在チェックを目的とした条件付きレンダーをスマートに表現するためのアイデア
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Reactの存在チェックを目的とした条件付きレンダーをスマートに表現するためのアイデア
条件付きレンダーとは 条件付きレンダーとは公式のページでこう書かれています。 React における条件付... 条件付きレンダーとは 条件付きレンダーとは公式のページでこう書かれています。 React における条件付きレンダーは JavaScript における条件分岐と同じように動作します。if もしくは条件演算子のような JavaScript 演算子を使用して現在の状態を表す要素を作成すれば、React はそれに一致するように UI を更新します。 悩み わたしは条件付きレンダーを表現したい時、 interface Props { name: string | null; } const Component: React.FC<Props> = ({ name }) => { return ( <> {name ? <p>{name}</p> : <p>名前未設定</p>} {name && <p>{name}</p>} </> ) } このように、三項演算子や論理演算子を用いて表現を良くしていま