更改禁用状态后，材质 UI 按钮标签颜色不会更改

【问题标题】：Material UI button label colour won't change after changing disabled state更改禁用状态后，材质 UI 按钮标签颜色不会更改
【发布时间】：2021-06-18 00:24:43
【问题描述】：

在以编程方式更改 Material UI 按钮的“禁用”参数后，标签的颜色在 Safari 上不会改变。（适用于 Chrome）。

代码沙盒链接： https://codesandbox.io/embed/material-demo-forked-8ly0d

【问题讨论】：

这似乎是 opening an issue 的好案例
我试图打开一个问题，发现在材料/核心包的“下一个”版本中（他们不会使用沙箱处理这个版本）它可以按预期工作

标签： safari material-ui

【解决方案1】：

根据这个问题https://github.com/mui-org/material-ui/issues/26251 您需要在您的 <Button> 组件中添加一个道具 key 以强制它重新渲染：

<Button key={`${disabled}`} disabled={disabled} />

【讨论】：

如果你有多个按钮就不起作用
在这种情况下，您必须为每个按钮提供唯一的键属性。你试过了吗？
是的，我试过了，但它复制了按钮。一个被禁用，一个被启用。