从 Chrome 开发者工具更改道具？答案

【问题标题】：Change props from Chrome Developer Tool?从 Chrome 开发者工具更改道具？
【发布时间】：2026-01-01 17:25:02
【问题描述】：

我正在尝试将 Material-UI TableHeader 的 enableSelectAll 设置为 true。这个组件是无状态的（或者至少在 React Chrome (50) 开发者工具中没有显示任何状态）。如果我尝试编辑其中一个道具，则按 Enter 不会执行任何操作。也许这是设计使然，因为我相信道具不应该被修改。但是我仍然想启用/禁用该属性。有没有办法在开发者工具中做到这一点？

【问题讨论】：

你在使用 React Chrome 开发工具吗？ facebook.github.io/react/blog/2014/01/02/…
@JohnWilliamDomingo 是的。我之前写过“Chrome 开发者工具”，后来做了修改。
TableHeader 可能是无状态的，但它扩展了 React 组件，所以它肯定应该有一个 props 属性。见github.com/callemall/material-ui/blob/master/src/Table/…
我也无法编辑我的道具。你以前用 state 试过这个吗？
我能够编辑 Table.state.allRowsSelected 并且 UI 响应（非常好）。

标签： reactjs material-ui

【解决方案1】：

如果你只是设置属性，它会在下一次树更新时被覆盖，所以这是个坏主意。

我建议将此类属性移入状态并使用 this.setState() 进行设置。

【讨论】：