在React和material-ui中将弹出窗口或div高度设置为“100%”

import React from 'react';
import { Dialog, DialogContent } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  dialogContent: {
    height: '100%',
  },
});

const MyComponent = () => {
  const classes = useStyles();

  return (
    <Dialog open={true}>
      <DialogContent className={classes.dialogContent}>
        {/* 内容 */}
      </DialogContent>
    </Dialog>
  );
};