React:コンポーネントDidMountを使用してステータスの変更/ステータスの設定、settimeoutの使用

1023 ワード
React State componentDidMount setState テキストリンク
まず反応式のドキュメントを見てみましょう.
構成部品ライフサイクル
各構成部品には、特定の時点でコードを実行するように設定できるライフサイクルメソッドがいくつかあります.このライフサイクルチャートが必要な場合は、いつでも使用できます.次のリストには、一般的なライフサイクルメソッドが表示されます.残りは相対的によく使われません.
に表示されます.
mount(マウント)の場合domはこの順序で呼び出し、呼び出しの内容を知ればよい
constructor()
static getDerivedStateFromProps()
render()
componentDidMount()
ここで、ComponentDidMountを使ってstateを変更!
class宣言は内部欄に貼る
           componentDidMount() {
              setTimeout(() => {
                //변경함수 this.setState
                this.setState({
                  count: this.state.count + 1
                });
              }, 1000);
            }
コードを貼り付けるとdomを作成できます.
settimeout関数を使用して、1秒後にステータス値を変更できます.

1秒後に数字1になりましょう!
this.setState部分もこのように書くことができます.
	this.setState((previousState) => {
   		 const newState = { count: previousState.count + 1 }
    		 return newState;
	})
[Java]ファクトリメソッドモード
[アルゴリズム]DFS(深度優先ナビゲーション)