【React知見】条件分岐（IF文）とそのネスト - Qiita

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