reactjs - 如何在material-ui中使用浅二次色

Question

我有这个主题

 palette: {
primary: {
  main: '#d05ce3',
},
secondary: {
  light: '#0066ff',
  main: '#0044ff',

},

我可以使用像这样找到的辅助颜色

<ThemeProvider theme={theme}>
              <Checkbox
                color="secondary" 

但是如何使用光二次呢？在 ThemeProvider
赞 color="secondary.light"不起作用!

Answer 1

试试这个方法:

import { makeStyles } from '@material-ui/core/';
import { Typography } from '@material-ui/core';

const useStyles = makeStyles(theme => ({
      number: {
        color: theme.palette.secondary.main
      }
    }));

作为返回

const classes = useStyles();
return(
    <div>
      <Typography variant="h3" className={classes.number}>
        5
      </Typography>
    </div>
);