符号'&$ checked'是什么意思

问题描述 投票:0回答:1
import React from 'react';
import Checkbox from '@material-ui/core/Checkbox';
import { createMuiTheme, makeStyles, ThemeProvider } from '@material-ui/core/styles';
import { orange } from '@material-ui/core/colors';

const useStyles = makeStyles(theme => ({
  root: {
    color: theme.status.danger,
    '&$checked': {
      color: theme.status.danger,
    },
  },
  checked: {},
}));

function CustomCheckbox() {
  const classes = useStyles();

  return (
    <Checkbox
      defaultChecked
      classes={{
        root: classes.root,
        checked: classes.checked,
      }}
    />
  );
}

const theme = createMuiTheme({
  status: {
    danger: orange[500],
  },
});

export default function CustomStyles() {
  return (
    <ThemeProvider theme={theme}>
      <CustomCheckbox />
    </ThemeProvider>
  );
}

[&$ checked]符号是什么意思?感谢您的回答,为了弥补所描述的字符数量,对不起,我重复了感谢您的回答,为了弥补所描述的字符数量,对不起,我重复了

javascript reactjs material-ui
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.