- 2021年2月12日
【Vue.js】【React】複数コンポーネントに影響する条件を一箇所で管理させる
Vue.js, React はコンポーネントベースで web ページの画面を作れる JavaScript ライブラリです。時として巨大で複雑なページの管理をする必要があります。こ […]
Vue.js, React はコンポーネントベースで web ページの画面を作れる JavaScript ライブラリです。時として巨大で複雑なページの管理をする必要があります。こ […]
JSXの中で三項演算子を使ってその判定でJSXを振り分けたい場合は、最低限一つ親が定義されていないといけない。 これは、三項演算子が返せるJSXが一つしかないためである。 例えば、 […]
セレクトボックスやラジオボタンを動的に表示したい時は、render内で配列をmapしてJSX内に流し込むことで 実現することができる。 が、componentDidmountの中で […]
const location = useLocation();をしたら以下のようなエラーにひっかかった。 Minified React error #321; visit http […]
今回は、ダイアログを出して値を入力・決定ボタンを祖いた場合にstateを更新する 機能を作りました。 主な制約は以下の通り。 ・inputとbuttonを同じダイアログに入れてすぐ […]
reactの関数はhello() {}のように変数名とスコープで構成されています。 例としてback関数を作りました。元のページに戻るだけの簡素な関数です。 back(){ thi […]
ページの読み込みの際にスライドしたら体感速度ってどのくらい減るだろうと思い試しにreactでkeyframesを使ったページスライド 機能を作ってみました。なぜ作ったかというと、某 […]
去年の12月ころにチェックボックスの値をprevStateを使って更新する方法を 書きましたが、今回はmap関数でラップされたn番目のチェックボックスの値を更新する 方法を書いてい […]
react-onsenuiでネイティブのようなリストUIを作りたい時は、react-onsenuiの ライブラリのListとListItemを使う必要があります。 使い方は以下のよ […]
React は ユーザインターフェース構築のための JavaScript ライブラリ を名乗っています。React 上ではしばしばサーバからマスタデータ全体を取得する必要がありま […]
今回は、入力フォームでパスワードを簡単にハッシュ化できるjs-sha512ライブラリの使い方を書いていきたいと 思います。 ハッシュ化とは、適当な文字列をハッシュ関数によって文字列 […]
React で、コンポーネントに値を渡す際に PropTypes を利用しているのですが、「数値もしくは Bool 型を渡す」という書き方を使用したので備忘録としてまとめ。 そうい […]