- 2020年12月1日
- 2020年12月1日
【React】react-form-hook のコンテクスト機能を使ったすっきりしたフォームフィールド定義コンポーネントの作成
React のコンテクストはグローバル的にロジックと状態を呼び出す機能です。コンテクストは状況を表す語であり、React のコンテクストも語源同様にページやサイトの状況を表現する […]
CATEGORY
React
- 2020年11月27日
【Material UI】OutlinedInput をテーマ機能でとても細くする
Material UI は React のコンポーネントライブラリです。 Material-UI： A popular React UI framework 便利なものが揃って […]
- 2020年11月24日
【React】Input要素にテキスト入力後Enterキー押下で処理を実行する
久しぶりに Web のプロジェクトのプログラミングを行ったのですが、その時実装したコードについてまとめ。 タイトル通り、Input 要素にフォーカスが当たっている状態で Enter […]
- 2020年11月11日
- 2020年11月11日
【React】setState は React に値を伝えるためのセッターであって代入の純粋な代わりというわけではないという話
React は”ユーザインターフェース構築のための JavaScript ライブラリ”を自称しています。実際 React を使うと素の JavaScrip […]
- 2020年11月10日
【React】ListItemに追加したButtonタップ時にListItemのクリックイベントを発火させない
今回は、ListItem に設置したボタンをタップした時の挙動の調整についてです。 Onsenu UI の List、ListItem を使ってデータのリスト表示を行った際に、リス […]
- 2020年11月4日
【React】OnsenUIでIoniconsアイコンが表示されない
OnsenUI の <Icon /> を利用してアイコンを表示させようとした時、Ionicons が表示されない時の対処法です。 なお、表示されなかった端末はは iOS […]
- 2020年11月3日
【React】React Hook Form と yup で動的にエラーメッセージを変えられる独自ルールを作る
React Hook Form は Reack のバリデーションライブラリの一つです。 Hook の名が示す通り関数コンポーネントの Hook 機能を使ってバリデーション用のモジ […]
- 2020年10月29日
【React】自動非同期ログインチェックとログイン状態でのみ適用されるルーティングの作り方
React 上である API に対してログイン状態でなければログインページへ自動でリダイレクトされ、ログイン状態でなければ移動できないルーティング（認証が API のみの場合、U […]
- 2020年10月29日
【React】OnsenUIのNavigatorでネイティブアプリのようなページ遷移を実現する
今回は、React Native ではなく、Cordova + React のアプリ開発についてです。 今まで、ページ遷移に react-router を使用していたのですが、ペー […]
- 2020年10月6日
【React】Reactでページ内リンクを実装できるライブラリ「react-router-hash-link」
今回は、React でページ内リンクを実装する方法についてです。 最終的には別の方法を使ったので、このライブラリは使用しないことにしたのですが、念のため備忘録としてまとめ。 もしか […]
- 2020年10月5日
【JavaScript】オブジェクトリテラルをswitch文的に扱う
JavaScript のオブジェクトが自由に作れる点と関数が素でオブジェクトな点を利用することによって JavaScript はオブジェクトを switch 分の代わりに用いるこ […]
- 2020年9月30日
【JavaScript】Material-UIのテーマ機能でMaterial-UI組み込みのコンポーネント内コンポーネントのpropsの値を定義する
Material-UI は React のデザインフレームワークです。HTML 組み込みのタグの代わりに Material-UI の定義するコンポーネントを用いることで簡単にリッ […]
