以前はjQueryを使ってたのでコンポーネントとか出てこなかったけど、Reactでの条件分岐はコンポーネントにプロパティの値を与えてその値を元に条件分岐するといったやり方になる。 まだ慣れが必要なのでメモ。 React における条件付きレンダーは JavaScript …

フラグメントとは Reactコンポーネントが要素を返す際に、フラグメント（Fragment）を使うことでDOMに余分なノードを追加することなく子要素をまとめることができる。 render() { return ( <React.Fragment> <ChildA /> <ChildB /> <ChildC /> </React.Fragment> ); } 短い記法 下記のような省略記法も使用できる。 class Col…

フックの理解はReactを使っている限りマストだと思うが、まだしっかりと理解できているとは言えないので随時整理しつつ理解を深めていきたい。 まずフックとは何か フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラ…

Rubyのコードを読んでると『よく出てくるけど何だっけコレ？』となって、毎回のように調べている記号がある。 確認しやすいようにここにまとめておこうと思う。 ||= a ||= xxx 自己代入演算子。aが偽か未定義ならば、aにxxxを代入（aが正ならば、代入しない…