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

Question

我们如何在 Material-UI react 的 Switch 组件中添加文本？我正在尝试在 Switch 组件中添加“YES”和“NO”文本。

预期：当开关按钮在右侧时，“是”文本应该在左侧并且在 Switch 组件内部”。当开关按钮在左侧时，“否”文本应该在右侧并且在 Switch 组件内部”。

标签： reactjsmaterial-ui

Answer 1

您是否尝试过动态操作标签值和位置？

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