javascript - Reactjs - 为什么我的 MaterialUI 数据表没有刷新?
问题描述
所以目前我正在尝试渲染一个DataTable
组件。如果我单击一个按钮Users
,它应该呈现一个我的Users
. 当我单击按钮Devices
时,它应该呈现我的Devices
. 但是,由于某种原因,它只会呈现我首先单击的任何一个的数据表。
例如,如果我单击Devices
,它将呈现我的Devices
表格。现在,当我尝试Users
通过单击Users
按钮导航到我时,它仍会显示我的Devices
数据表。
我在内部维护一个状态,DataTable
并使用传递给它的道具更新状态。我是否存在设计缺陷导致我DataTable
无法呈现正确的数据?
谢谢你的帮助!
编辑:经过一些调试,当我单击Users
按钮时,状态似乎没有更新
解决方案
阅读此React:为什么只调用一次组件的构造函数?解决了我的问题。
TLDR:渲染相同的组件不会刷新组件。为了克服这个问题,我需要引入一个key
道具。
推荐阅读
- mapkit - 仅在部分 MKMap 内容上使用 MKOverlay `canReplaceMapContent`
- reactjs - React API 调用,使用 QuickBase 的新 RESTful API 渲染数据
- iphone - Wireshark 可以在 iPhone 断开连接且 SIM 卡未插入的情况下检测数据流量
- python - 在python中给定负数时使程序计数
- regex - 正则表达式仅匹配无或一
- python - Pygame:使角色“破折号”,或移动,点击鼠标位置
- excel - 在 VBA 中使用文本函数
- javascript - 在 ERPNext 中的员工自定义字段上生成随机字符串
- amazon-web-services - AWS .NET Core 3.1 Mock Lambda 测试工具 - 如何为本地测试设置 2 个或更多函数
- ios - 如何通过 iOS 的自动续订订阅在 IAP 中购买多个产品?