如何使用Switch和withStyles()动态更改主题的调色板类型(暗/亮)

import React, { useState } from 'react';
import { Switch } from '@material-ui/core';
import { withStyles } from '@material-ui/core/styles';

const ThemeSwitcher = () => {
  const [darkTheme, setDarkTheme] = useState(false);
  
  // 其他代码...
}

const styles = {
  switchContainer: {
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    marginTop: '20px',
  },
};

const StyledSwitch = withStyles(styles)(Switch);

const handleThemeChange = () => {
  setDarkTheme(!darkTheme);
};

return (
  <div>
    <div className={classes.switchContainer}>
      <StyledSwitch checked={darkTheme} onChange={handleThemeChange} />
    </div>
    {/* 其他代码... */}
  </div>
);

const theme = createMuiTheme({
  palette: {
    type: darkTheme ? 'dark' : 'light',
    // 其他调色板配置...
  },
});

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

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