小编Jir*_*pes的帖子

我想在我自己的基于类的组件的部分中使用一个主题。我什么都做不了，文档中的所有示例都是针对功能组件的。基本上，主题已定义，我想用它来设计我自己的组件的样式，这样我就可以避免重复自己并在更高级别更改代码，并且随处更改。

我的 App.js

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

const theme = createMuiTheme({
    palette: {
        primary: {
            light: '#757ce8',
            main: '#3f50b5',
            dark: '#002884',
            contrastText: '#fff',
          },
    },
    overrides: {
        MuiOutlinedInput: {
            disabled: true,
            input: {
                color: 'red'
            }
        }
    }
});

export default class App extends React.Component {
    render() {
        return (
            <ThemeProvider theme={theme}>
                <Nav />
            </ThemeProvider>
        );
    }
}

我的问题文件，Nav.js

import React from 'react';
import SearchBar from './SearchBar';
import { makeStyles } from …