条件付きレンダリング

一言で言うと

&& や三項演算子で表示を切り替える書き方。

もう少し詳しく

&& や三項演算子で表示を切り替える書き方。IT エンジニアリングの現場で頻繁に登場する概念のひとつで、関連する仕組みやベストプラクティスと合わせて理解しておくと応用が利きます。

React（および JSX を使うフレームワーク）固有の概念で、UI をどう描画するかをロジックで制御する仕組みです。一般的な if 文による条件分岐と考え方は近いものの、「コンポーネントをレンダリングするかどうか」という UI 制御の観点が強調される点が特徴です。条件が truthy のときだけコンポーネントを描画し、falsy のときは何も描画しない、という動作が基本です。

実務でどう使うか

関連する章

Ch166 で詳しく学べます。