关于@toolpad/core/DashboardLayout中ThemeSwitcher组件暴露onChange回调的技术问询

我完全get到你的需求——当ThemeSwitcher在明暗模式之间切换时，能触发一个自定义回调，让我们可以接入自己的业务逻辑，比如上报用户的主题偏好、同步调整页面内第三方组件的样式，或者更新关联的状态值。这个需求确实很实用，在很多实际项目场景里都能派上用场。

如果这个组件能暴露onChange回调，使用起来会非常直观，示例代码大概是这样：

import { ThemeSwitcher } from '@toolpad/core/DashboardLayout';

function MyCustomLayout() {
  // 自定义主题切换逻辑
  const handleThemeChange = (newMode) => {
    console.log(`当前主题已切换为：${newMode}`);
    // 示例1：上报主题切换事件到埋点系统
    analytics.track('theme_switched', { mode: newMode });
    // 示例2：同步调整第三方UI组件的主题配置
    thirdPartyChart.setTheme(newMode);
  };

  return (
    <DashboardLayout>
      <ThemeSwitcher onChange={handleThemeChange} />
      {/* 其他页面内容 */}
    </DashboardLayout>
  );
}

如果目前组件还没提供这个回调，你可以先试试临时替代方案：比如如果@toolpad/core提供了主题状态的订阅方法，或者借助React上下文（Context）来监听全局主题变化。不过这种方案肯定不如组件直接暴露onChange回调来得简洁直观。

希望官方能考虑在后续版本中为ThemeSwitcher组件添加这个onChange回调支持，让开发者能更灵活地定制主题切换时的行为。

内容来源于stack exchange