React Material UI 开关标签放置

编程问答 2022-05-30

问题描述

我正在尝试使用 Material UI Switch 组件（找到 here）创建自定义开关。我在我的开关右侧放置了一个标签，但是，位置离开关太近了。我想知道是否有办法调整开关和标签之间的间距？谢谢你。这是我的代码：

return (
    <FormGroup>
    <Typography component="div">
      <Grid component="label" container alignItems="center" spacing={1}>
      <Grid item></Grid>
        <Grid item>
        <FormControlLabel
          control={<AntSwitch checked={state.checkedC} onChange={handleChange} name="checkedC"/>}
          label= {state.checkedC? 'On' : 'Off'}
          labelPlacement="end"
        />
        </Grid>
      </Grid>
    </Typography>
  </FormGroup>
  );

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

labellabelmaterial-uireactjsreactjsuiswitch