首页 > 解决方案 > Reactjs - 为什么我的 MaterialUI 数据表没有刷新?

问题描述

所以目前我正在尝试渲染一个DataTable组件。如果我单击一个按钮Users,它应该呈现一个我的Users. 当我单击按钮Devices时,它应该呈现我的Devices. 但是,由于某种原因,它只会呈现我首先单击的任何一个的数据表。

例如,如果我单击Devices,它将呈现我的Devices表格。现在,当我尝试Users通过单击Users按钮导航到我时,它仍会显示我的Devices数据表。

我在内部维护一个状态,DataTable并使用传递给它的道具更新状态。我是否存在设计缺陷导致我DataTable无法呈现正确的数据?

谢谢你的帮助!

编辑:经过一些调试,当我单击Users按钮时,状态似乎没有更新

标签: javascriptreactjsmaterial-ui

解决方案


阅读此React:为什么只调用一次组件的构造函数?解决了我的问题。

TLDR:渲染相同的组件不会刷新组件。为了克服这个问题,我需要引入一个key道具。


推荐阅读