如何动态配置material-ui主题？

npm install @material-ui/core @material-ui/styles

import { createMuiTheme } from '@material-ui/core/styles';

const theme = createMuiTheme({
  palette: {
    primary: {
      main: '#ff0000',
    },
    secondary: {
      main: '#00ff00',
    },
  },
  typography: {
    fontFamily: 'Arial, sans-serif',
  },
});

export default theme;

import React from 'react';
import { ThemeProvider } from '@material-ui/core/styles';
import theme from './theme';

function App() {
  return (
    <ThemeProvider theme={theme}>
      {/* 应用程序的其他组件 */}
    </ThemeProvider>
  );
}

export default App;

import React from 'react';
import { Button } from '@material-ui/core';

function MyComponent() {
  return (
    <Button variant="contained" color="primary">
      确定
    </Button>
  );
}

export default MyComponent;