1. ホーム
  2. reactjs

[解決済み] reduxでthis.setState()は絶対使うべき?

2022-05-15 10:06:12

質問

あなたは今まで this.setState() を使うべきでしょうか?それとも常にアクションをディスパッチし、propsに依存すべきでしょうか?

どのように解決するのですか?

の明確な使用方法 setState は、ローカルな表示状態を持つが、グローバルなアプリケーションには関係ない UI コンポーネントのために使用されます。たとえば、特定のドロップダウン メニューがアクティブに表示されているかどうかを表すブール値は、グローバルな状態である必要はないため、メニュー コンポーネントの状態によってより便利に制御されます。

他の例としては、階層のアコーディオン表示における行の折りたたみ/展開の状態があるかもしれません。または、タブ ナビゲーションで現在選択されているタブの場合もあります。しかし、これらの例の両方で、UI の状態をグローバルに処理することを選択することができます。たとえば、ページの更新によって保存されるように、ブラウザ ストレージに展開/折りたたみ状態を永続化したい場合、これは必要なことでしょう。

実際には、ローカルな状態でそのような UI 要素を実装し、必要に応じてそれらをグローバルな状態にリファクタリングすることが最も簡単です。