reactjs - React 材料表和 redux 开发工具

Question

我正在学习 React 开发。我使用 react 和 redux 构建了一个应用程序。最近我在我的项目中添加了 material-ui 和 material-table，似乎 material-table 覆盖了我在 Redux DevTools 中的 redux 操作和状态。它本身的应用程序运行良好。问题出在 Redux DecTools 上。我试图用谷歌搜索它但没有成功。感谢您的任何提示或指示。

当我使用材料表时，我可以在 Redux devtools 中看到这个

如果我使用 MUIDataTable 代替，我可以看到我的 redux 状态 Čau Honza

标签： reactjsmaterial-table

Answer 1

是的，material-table 通过添加一个tableData对象来改变数据。

这是一个众所周知的问题，但作者还不想改变它。

处理它的最佳方法是在将数据传递到表之前对其进行浅拷贝，以防止 redux 数据发生突变：

const tableData = data.map(row => ({...row}));

并将其包装在 useState/useEffect 中以仅在数据更改时才执行它。

公关和讨论