Material UI 按钮在刷新页面后失去样式
Material UI Button loses style after refreshing the page
因为没有人回答我的问题 () I'm asking again, this time including a CodeSandbox: https://codesandbox.io/s/bold-resonance-8c8pz?file=/src/components/style/Login-styling.js
重现问题的步骤：
1-更改按钮的“Login.styling.js”中的值（只是为了使页面更新），现在按钮是您设置的颜色。
2-刷新页面（按钮不再跟随样式）
JSS 按需创建样式的方式，Button 组件的核心样式会覆盖您使用 makeStyles 定义的样式，因为组件是在 [=25] 之后导入的=] 自定义样式。如果您检查 Dev Tools 中的元素，您可以看到 .MuiButton-root 样式覆盖了生成的 class .makeStyles-button-2 下的样式——两个单-class CSS 选择器具有相同的特异性，所以最后出现的那个最终获胜。
要解决此问题，您只需重新排序导入，以便在 Button 和其余 MUI 组件之后导入 useStyles。
https://codesandbox.io/s/laughing-lamport-0i1zt?file=/src/components/Login.js
(^ 我不知道你想用 'disabled' 按钮背景颜色完成什么，所以为了演示，我在这里使用了主色调)
因为没有人回答我的问题 (
重现问题的步骤：
1-更改按钮的“Login.styling.js”中的值（只是为了使页面更新），现在按钮是您设置的颜色。
2-刷新页面（按钮不再跟随样式）
JSS 按需创建样式的方式，Button 组件的核心样式会覆盖您使用 makeStyles 定义的样式，因为组件是在 [=25] 之后导入的=] 自定义样式。如果您检查 Dev Tools 中的元素，您可以看到 .MuiButton-root 样式覆盖了生成的 class .makeStyles-button-2 下的样式——两个单-class CSS 选择器具有相同的特异性，所以最后出现的那个最终获胜。
要解决此问题，您只需重新排序导入，以便在 Button 和其余 MUI 组件之后导入 useStyles。
https://codesandbox.io/s/laughing-lamport-0i1zt?file=/src/components/Login.js
(^ 我不知道你想用 'disabled' 按钮背景颜色完成什么，所以为了演示，我在这里使用了主色调)