ReactJS または React Native のクラスのコンストラクターで setState() 関数を使用するとどうなりますか? 質問する

ReactJS または React Native のクラスのコンストラクターで setState() 関数を使用するとどうなりますか? 質問する

好奇心から、setState()React Native または ReactJS のクラスのコンストラクターで関数を使用すると何が起こるかを知りたいだけです。たとえば、次のようになります。

constructor(props) {
  super(props);
  this.setState({title: 'new title'});
}

React のライフサイクルはどうなるのでしょうか?


React 内のコードを読んでいません。そのように書くと、何か損害が出るのではないかと心配です。

ベストアンサー1

本質的には、setStateコンストラクターでおそらく必要のない一連のロジックを実行することになります。

実行するときは、他のオブジェクトと同様に、state = {foo : "bar"}JavaScript オブジェクトに何かを割り当てるだけです。(ちなみに、これはすべてのコンポーネントにローカルな通常のオブジェクトです)。statestate

を使用するとsetState()、オブジェクトへの割り当てとは別に、stateReact はコンポーネントとそのすべての子も再レンダリングします。コンポーネントはまだレンダリングされていないため、コンストラクターでは必要ありません。

おすすめ記事