React

スポンサーリンク

[react] レンダリング時に毎回実行したい処理をどこに書くべきか？

概要 useEffectの第2引数を指定しないとレンダリングの度に処理が実行されるが、それは関数コンポーネント内に直接書いた処理と何が違うのか。例えば、以下の処理ではinitializeとupdateは初回のレンダリング時やstateの更新時など同じタイミングでコンソールに出力される。 const Sample = () => { const = useState(0); console.log...

[react] useEffectが実行されるタイミング

概要 reactのuseEffectフックは第2引数によって実行されるタイミングが異なる。第2引数なしレンダリングされる度に実行されるクラスコンポーネントのcomponentDidUpdateメソッドと同等第2引数が空配列マウント時のみ実行されるクラスコンポーネントのcomponentDidMountメソッドと同等第2引数が変数を要素に持った配列マウント時および変数が更新された際に実行される...

「はじめてつくるReactアプリ with TypeScript」の感想・備忘録

kindle本「はじめてつくるReactアプリ with TypeScript」のまとめ。点数 82点感想とてもわかりやすかった。作成するアプリは簡単なものだが、ひとつひとつの説明が丁寧で理解しやすい内容だった。 Reactのimportが不要になった React version 17からはindex.tsx以外のファイルではimport React from 'react';を省略できる...

「React学習挫折経験者による挫折しないReact基礎学習」の感想・備忘録

kindle本「React学習挫折経験者による挫折しないReact基礎学習」のまとめ。点数 50点感想 CDNを使って関数コンポーネントで実装する、という内容だった。 Props, Stateを少し使って終わりのため、本当の初心者向けの内容だと思う。

Reactで「Form submission canceled because the form is not connected」となる原因

現象フォームのonSubmitイベントハンドラにて、react-router-domを使ってhistory.push('xxx')のように画面遷移を行うと、コンソールにForm submission canceled because the form is not connectedというエラーが表示される。 import React, {FC, FormEvent} from 'react'...

スポンサーリンク

1 2