以下是一个示例解决方案，演示如何在React中应用深色主题：

import React from 'react';
import { ThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import { Button, Typography } from '@material-ui/core';

// 深色主题
const darkTheme = createMuiTheme({
  palette: {
    type: 'dark',
  },
});

// 浅色主题
const lightTheme = createMuiTheme({
  palette: {
    type: 'light',
  },
});

const App = () => {
  const [darkMode, setDarkMode] = React.useState(false);

  const toggleDarkMode = () => {
    setDarkMode(!darkMode);
  };

  return (
    
      
        切换主题
      
      
        这是一个标题
      
      
        这是一段文字内容
      
    
  );
};

export default App;

在上面的示例中，我们使用了ThemeProvider组件来包裹整个应用，并根据darkMode状态值选择使用深色主题或浅色主题。通过点击按钮切换darkMode的值，从而切换主题。

createMuiTheme函数用于创建自定义主题，其中的palette属性可以用来设置主题的类型，这里我们将深色主题的type属性设置为'dark'，浅色主题的type属性设置为'light'。

在ThemeProvider组件中，它会将主题传递给所有后代组件，以便它们可以应用正确的样式。

在这个示例中，按钮和文本都是Material-UI组件，它们会根据所提供的主题自动应用正确的样式。你可以根据自己的需求添加更多的子组件，并确保它们都在ThemeProvider组件的范围内，这样它们就能够正确应用主题。