材质 UI 调色板未更新

Question

我是 React 和 Material UI 的新手，我正在尝试使用 createMuiTheme 向 MUI 按钮添加一些自定义样式。

我已经按照文档并几乎复制了该示例，但它没有任何效果，并且控制台中没有抛出任何错误。

我一直在努力解决这个问题，但我看不出问题出在哪里，我错过了什么？

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

const mytheme = createMuiTheme({
    palette: {
        primary: { main: '#1565C0'},
        secondary: { main: '#11cb5f' }, 
    },
});

export const PrimaryButton = (props) => {
    return (
        <ThemeProvider theme={mytheme}>
            <a href={props.buttonLink}>
                <Button
                    style={{ ...props.styles}}
                    onClick={props.handleClick}
                    variant='contained' color='primary' size='large'
                >
                    {props.buttonText}
                </Button>
            </a>
        </ThemeProvider>
    );
};

export const SecondaryButton = (props) => {
    return (
        <ThemeProvider theme={mytheme}>
            <Button
                style={{...props.styles }}
                value={props.value || ''}
                onClick={props.handleClick}
                variant='outlined' color='secondary' size='large'
            >
                {props.buttonText}
            </Button>
        </ThemeProvider>
    )
}

Answer 1

它正在工作。尝试改变这一点：

variant='outlined'

通过

variant='contained'