在mui的选择文本字段中更改箭头的位置以做出反应

Question

我正在使用Material-UI用于ReactJS。我有疑问的组件是选择文本字段。

现在，下拉箭头位于文本字段的右侧，我想将其移至左侧。 有人可以帮我吗？！

<TextField
        id="outlined"
        select
        label="Select"
        className={classes.textField}
        value={values.data}
        onChange={handleChange}
        SelectProps={{
          MenuProps: {
            className: classes.menu,
          }
        }}
        helperText="Please select your data"
        margin="normal"
        variant="outlined"
      >
        {data.map(option => (
          <MenuItem key={option.value} value={option.value}>
            {option.label}
          </MenuItem>
        ))}
</TextField>