コメント消すツールに置換機能を追加しようと思ったときに、絡み合ったuseStateよりも1つのuseReducerを使った方がいいということに思い至ったので、使い所の参考として使用例を記録しておきます。コメント...2022.03.22ReactReactimgタグの画像を切り替えるとき、アスペクト比を維持しつつリサイズする1つのimgタグを使って代わる代わる画像を表示するとき、アスペクト比を維持しつつ枠いっぱいに表示する。リサイズのことを忘れていた。/...2021.09.03ReactReactreact-springでapiを使うreact-springでspringを再利用する。react-springのuseSpringはreactのフックを利用しているので、フックの理解が必要になる。Reactの色々な機能などを使ってみようかと思い、サンプルを作ってみることにした。基本的にできたものはCodePenに置いておこう。stateやpropsでのコンポーネント間の変数...2020.12.01ReactReactReactで親から子のコンポーネントにアクセスするReactで親コンポーネントから、子コンポーネントにアクセスする。独立性が下がるが、そうしないと実現できないこともあるので仕方がない。そもそも独立してないような気もするので問題ないか。親コンポーネントPでページ全体...2019.09.01ReactReactReactでsetInterval使用で定期描画するreactでsetIntervalを使って定期的な描画を行う。調べたところ、コンポーネントをクラスで定義するか関数で定義するかで方法が異なるようだ。メソッドとして、componentDidMount()とcompone...2019.07.22ReactホームReactikapper主にITなどのアウトプットをしています。ご連絡等はTwitterの@ikapperへ。ikapblog.メニューホーム文字in画像QRIPアドレス確認ホーム検索トップサイドバー'}}})();。