React で content を条件付き render する方法には何がありますか？

よく使う pattern

• cond && <X/> — cond が truthy のとき <X/> を render し、それ以外では何も render しない。「表示/非表示」に向いています。
• cond ? <A/> : <B/> — 2 つの branch から選ぶ。
• null を返すと、完全に何も render しない。

よくある bug: number と &&

これは 0 && x が 0 に評価され、React が number の 0 を render するためです（false / null / undefined は render しません）。

branch が多い場合

logic が複雑になったら、読みやすさのために return の前で element を計算します。

これにより JSX は flat に保たれ、判断ロジックも明確になります。