状態を更新する方法は何ですか?
Reactにおいて、状態を更新する方法は、setState()メソッドを使用することです。setState()メソッドはComponentクラスの一部であり、コンポーネントの状態を更新するために使用されます。これは引数としてオブジェクトまたは関数を受け取り、更新する状態値を指定します。
使用オブジェクトをパラメータとして渡すと、setState()メソッドはオブジェクト内のプロパティを現在の状態とマージし、コンポーネントの再レンダリングをトリガーします。以下に示すコードは例です:
this.setState({ count: this.state.count + 1 });
関数をパラメーターとして使用すると、setState()は現在の状態を関数に渡し、新しい状態オブジェクトを返します。 例のコードは以下の通りです:
this.setState((prevState) => {
return { count: prevState.count + 1 };
});
setState()メソッドを呼び出すと、Reactは新しい状態をコンポーネントにマージし、render()メソッドを再度実行してコンポーネントのビューを更新します。