交换机可以有多个标签吗?

MeT*_*cuS 6 material-ui

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

我需要在材料用户界面中有这样的东西:

在此输入图像描述

min*_*273 9

您可以使用 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>
Run Code Online (Sandbox Code Playgroud)

这是适合您的案例的沙箱的链接。