React Material UI 标签与文本重叠

React Material UI 是一个流行的 React UI 组件库，它提供了许多现成的组件和样式，可以帮助开发人员快速构建漂亮的用户界面。然而，有时候在使用 React Material UI 的过程中，我们可能会遇到一些问题，比如标签与文本重叠的情况。

jsx
import { makeStyles } from '@material-ui/core/styles';
import Typography from '@material-ui/core/Typography';
const useStyles = makeStyles((theme) => ({
  label: {
    paddingLeft: theme.spacing(1),
  },
}));
function MyComponent() {
  const classes = useStyles();
  return (
    
      
        标签
      
      
        文本
      
    
  );
}

jsx
import { Grid, Typography } from '@material-ui/core';
function MyComponent() {
  return (
    
      
        
          标签
        
      
      
        
          文本
        
      
    
  );
}