开关可以有多个标签吗？

Question

我需要在我的程序中有一个开/关开关。查看文档后，我找不到将多个标签添加到单个开关的方法

我需要在 material-ui 中有这样的东西：

Answer 1

您可以使用 material-ui 中的 Grid 组件来创建自定义 Switch。将切换前后的文本都作为网格项目。它看起来像这样：

<Grid component="label" container alignItems="center" spacing={1}>
      <Grid item>Off</Grid>
      <Grid item>
        <Switch
          checked={state.checked} // relevant state for your case
          onChange={handleChange} // relevant method to handle your change
          value="checked" // some value you need
        />
      </Grid>
      <Grid item>On</Grid>
</Grid>

这是一个link 用于您的案例的沙盒。