- 2021年3月9日
【React】定型の特定の条件時に走るイベントをフック化して楽する
例えば EnterKey を押した時のイベントを素直に書くと次になります。 そこまで長くないですが、if 文の内容が MDN 等のドキュメントを読めと言わんばかりの定型というの […]
例えば EnterKey を押した時のイベントを素直に書くと次になります。 そこまで長くないですが、if 文の内容が MDN 等のドキュメントを読めと言わんばかりの定型というの […]
お題 react-swipeableを使ってスワイプした座標を取得する ネイティブアプリではスワイプを検知する機能を使ってカルーセルを作ったりスワイプした タイミングでページ遷移を […]
お題 pushとreplaceの違いについて reactで遷移時に使用するpushとreplaceですが、駆け出しの頃はこの二つの違いが あまりよくわかりませんでした。 事を積んで […]
お題 framer-motionを使ってスワイプ機能を実装する 少し前にframer-motionを使った画面遷移を実装しましたが、今度は一つのコンポーネントで スワイプをする機能 […]
お題 stateの中身を形式別で調べる方法 stateのオブジェクトは、ifで判定した場合中身が存在すればtrue・何もなければfalseとして 返される。オブジェクトによって何ら […]
webpack は JavaScript を主としていろいろなものをコンパイルするためのツールです。 webpack JavaScript になる JavaScript でない […]
お題 react-toastifyを使ってリッチなトーストを実装する 何かの処理の後にちょっとしたお知らせを通知したい時はトーストの出番です。 モバイルアプリフレームワークのコルド […]
お題 window.onpopstateの使い道について window.onpopstateは、this.props.history.goBack()で前ページに戻ったかどうかを検 […]
タイトル通り、map() のループ処理内で await を使用する方法です。 正直、これができなくて別の方法を使ってみたりと結構悩んでいたので、解決できてかなり助かりました…! 参 […]
Vue.js, React はコンポーネントベースで web ページの画面を作れる JavaScript ライブラリです。時として巨大で複雑なページの管理をする必要があります。こ […]
JSXの中で三項演算子を使ってその判定でJSXを振り分けたい場合は、最低限一つ親が定義されていないといけない。 これは、三項演算子が返せるJSXが一つしかないためである。 例えば、 […]
セレクトボックスやラジオボタンを動的に表示したい時は、render内で配列をmapしてJSX内に流し込むことで 実現することができる。 が、componentDidmountの中で […]