如何在Material-UI React中的Switch组件内添加文本?

我们如何在Material-UI中的Switch组件内添加文本?我正在尝试在“开关组件”中添加“是”和“否”文本。

预期: 当开关按钮位于右侧时,“是”文本应位于开关组件的左侧和内部。 当开关按钮位于左侧时,“否”文本应位于开关组件的右侧和内部。

评论
  • met
    met 回复

    您是否尝试过动态处理标签的值和位置?

    <FormControlLabel
              value={state.checked ? "yes" : "no"}
              control={<Switch color="primary" checked={state.checked} />}
              label={state.checked ? "Yes" : "No"}
              labelPlacement={state.checked ? "start" : "end"}
            />