小编use*_*527的帖子

我在 App.js 中创建了一个主题，它覆盖了主要和次要颜色。我有 ThemeProvider 包装了一个 Home 组件。覆盖的值未显示在 Home 组件中。我究竟做错了什么？

应用程序.js

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

import purple from '@material-ui/core/colors/purple'
import green from '@material-ui/core/colors/green'

import Home from './components/Home'

const theme = createMuiTheme({
  overrides: {
    pallete: {
      primary: {
        main: purple[500]
      },
      secondary: {
        main: green[500]
      }
    }
  }
})


const App = () => {
  return (
    <ThemeProvider theme={theme}>
      <Home />
    </ThemeProvider>
  )
}
export default App

主页.js

import React from 'react'
import { useTheme …