背景 Reactを最近触り始めたのだが、 React(jsx)で条件分岐(if文)をネストする方法がよく分かってなかったのでまとめた ifのネスト 便宜上if文で説明します。 ifの中にifがあることですね。 正確には「if文にネストされたif文」とかかもしれんけど、 いざこうやって言語化すると難しい。 要件 条件A、条件BといったBoolがあるとする Aかつ!BならばAと(ブラウザ上に)表示 AかつBならばBと表示 !AならばCと表示 この条件分岐を実現するにはJSXでどのような記法が使えるのか。 前提 JSXの条件分岐はこんな感じで表現できる