我们的应用程序中有一组默认的主题调色板颜色,但是出于白色标签的目的,我从 API 获取主题主色和辅助色。从 API 接收到值后,有什么方法可以在运行时更新这些颜色?
我在 App 级别包装 MUI themeProvider
import { ThemeProvider, StylesProvider } from '@material-ui/styles';
import { createMuiTheme } from '@material-ui/core';
const App = () => {
const customTheme = createMuiTheme({
palette: {
primary: {
main: "#fff0c9",
},
secondary: {
main: '#FF8200',
}
});
return(
<ThemeProvider theme={customTheme}>
<div> Component </div>
</ThemeProvider>)
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
加载组件后,API 调用会为每个客户端接收更新的主要颜色和次要颜色。有没有办法在运行时更新它?