私は、react-table ライブラリを使用しようとしていますが、この問題に遭遇し、それを修正する方法がわかりません。
キャッチされないエラー: 更新の最大深さを超えました。これは、コンポーネントがcomponentWillUpdateまたはcomponentDidUpdateでsetStateを繰り返し呼び出すと発生する可能性があります。 React は、無限ループを防ぐためにネストされた更新の数を制限します。
私はこれを試しています:
サーバーから「データ」を取得するだけでなく、その変数のキャッシュを介して再レンダリングするため、Effect では無限ループに陥ります。 useEffect の依存関係リストから「データ」を削除します:
useEffect(() => { const getProducts = async () => { const 応答 = GetProducts() を待ちます。 setData(response.products); }; getProducts(); }, []); // 'data' 依存関係を削除します
次のコードを追加することでこの問題を解決しました:
const table = useTable({ 列、 データ、 autoResetHiddenColumns: false, //
サーバーから「データ」を取得するだけでなく、その変数のキャッシュを介して再レンダリングするため、Effect では無限ループに陥ります。 useEffect の依存関係リストから「データ」を削除します:
###お役に立てれば。次のコードを追加することでこの問題を解決しました: