如何从商店数据动态更改主题？

Question

我正在尝试使用商店 (redux) 中的数据动态更改 MuiThemeProvider 颜色。但是这些数据是在 App.js 中渲染后异步加载的，使得主题提供者无法访问颜色道具。如何异步更新商店？

import './App.css';
import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider'
import theme from './config/theme'
import configureStore from './store/store'
import {Provider} from 'react-redux'
import {LocalizeProvider} from "react-localize-redux";
import Router from "./pages/Router";

export const store = configureStore()

class App extends Component {

  render() {
        return (
            <LocalizeProvider>
                <Provider store={store}>
                    <MuiThemeProvider theme={theme}>
                        <Router/>
                    </MuiThemeProvider>
                </Provider>
            </LocalizeProvider>
        );
  }
}

export default App;```

Answer 1

componentDidMount() {
  const jssStyles = document.getElementById("jss-server-side");
   if (jssStyles && jssStyles.parentNode) {
        jssStyles.parentNode.removeChild(jssStyles); }
}
render() {
   return (
<Provider store={store}>
   <BrowserRouter>
     <Routes />
    </BrowserRouter>
</Provider>
   );   
 }
 }