Unmount…って何やったっけ？ってなったのでおさらい…。 Mount ReactコンポーネントがDOMツリーに追加されること。 Unmount ReactコンポーネントがDOMツリーから削除されること。 ja.reactjs.org UNSAFE_componentWillMount() コンポーネントがDOMにマウント…

asyncの処理の中で呼び出している関数の頭にawaitが抜けていて、他のawaitの処理と順番が入れ変わってしまうという問題があった。 今回はJavaScriptにおけるasync/awaitについて、React/Reduxでの書き方も含めて確認したいと思う。 まずはasync/awaitと密接…

以前は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 の機能を、クラ…