使用 react-table 時縮小 React 錯誤 #130

Question

我無法使用 react-table（從“react-table”導入 ReactTable），但在瀏覽器控制台中出現以下錯誤：

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

請幫助解決此問題。

Answer 1

首先 - 要詳細解決您的問題，您必須在使用 react-table 的地方添加代碼。

當您收到縮小反應錯誤時，您會獲得獲取擴展錯誤文本的鏈接，所以，我看到了這個：

元素類型無效：應為字符串（用於內置組件）或類/函數（用於復合組件）但得到：未定義。

這意味着，react-table 中的參數之一期望字符串或 function，但得到“欠精細”。 在我看來，當您使用某些類型為“any”的變量並將類型化參數設置為該變量的值時，可能會發生此錯誤。

TS type 'any' 允許在變量中存儲任何類型的數據，但 react-table 具有類型化參數，因此當您的變量具有“未定義”並且您嘗試使用該值設置類型化變量時 - 您會收到錯誤消息。

解決此錯誤的方法之一是在渲染模式中檢查某些數據變量的現有值

{someData && <renderTable...>}