タグ

qiitaとJSXに関するsatoshieのブックマーク (2)

  • if文はJSXの中で書け - Qiita

    はじめに 今日、インターン先オフィスでReactを勉強しているデザイナーさん2人と話していたところ、JSX内の条件文についてまとめ記事があったらいいよねという話になったので淡々とまとめていきたいと思います。簡潔にまとめたいので、前置きはこの辺にして早速始めます。 そもそもJSXってなに? JSXとは、まるでHTMLを書いているかのようにReactを書くために作られたものです。なので

    if文はJSXの中で書け - Qiita
  • 【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の条件分岐はこんな感じで表現できる

    【React知見】条件分岐(IF文)とそのネスト - Qiita
  • 1