最大更新深度を超えました。 React は、無限ループを防ぐためにネストされた更新の数を制限します。質問

Question

私は、react-table ライブラリを使用しようとしていますが、この問題に遭遇し、それを修正する方法がわかりません。

キャッチされないエラー: 更新の最大深さを超えました。これは、コンポーネントがcomponentWillUpdateまたはcomponentDidUpdateでsetStateを繰り返し呼び出すと発生する可能性があります。 React は、無限ループを防ぐためにネストされた更新の数を制限します。

リーリー

私はこれを試しています:

ああああ

Answer 1

サーバーから「データ」を取得するだけでなく、その変数のキャッシュを介して再レンダリングするため、Effect では無限ループに陥ります。 useEffect の依存関係リストから「データ」を削除します:

useEffect(() => {
    const getProducts = async () => {
      const 応答 = GetProducts() を待ちます。
      setData(response.products);
    };

    getProducts();
  }, []); // 'data' 依存関係を削除します

＃＃＃お役に立てれば。

Answer 2

次のコードを追加することでこの問題を解決しました:

const table = useTable({
  列、
  データ、
  autoResetHiddenColumns: false, // <-- stops the rerendering
  autoResetSortBy: false, //  <-- stops the rerendering
});