Reactjs 物料ui文本字段不会右对齐和从右向左

我在react中得到了一个使用材质ui创建的表单，我希望标签从右到左和右对齐我尝试了textAlign和direction：“rtl”，但它们不起作用。这是我的密码：

   <Box style={{textAlign: "right", direction: "rtl"}}>
     <form style={{width: "35ch"}}>
         <Box m={2}  >
                <TextField
                    name={props.id}
                    aria-autocomplete={"list"}
                    autoComplete="true"
                    autofill="true"
                    fullWidth required={props.required}
                    id={props.id} variant="outlined" color={"primary"}
                    label={<Typography style={{display:"inline",fontFamily:"iranyekanreg",direction:"rtl"
                                          ,textAlign:"right"}}>{props.label}</Typography>}
                    inputProps={min:0,step:"1"}
                    type={String}
                    onChange={props.onchange}
                    value={props.value}
                />
        </Box>
      </form>
   </Box>

---

这会给你想要的

const useStyles = makeStyles(theme => ({
  labelRoot: {
    right: 0
  },
  shrink: {
    transformOrigin: "top right"
  }
}));

export default function FormPropsTextFields() {
  const classes = useStyles();

  return (
    <div>
      <TextField
        required
        style={{ direction: "rtl" }}
        id="standard-required"
        label="Required"
        defaultValue="Hello World"
        InputLabelProps={{
          classes: { root: classes.labelRoot, shrink: classes.shrink }
        }}
      />
    </div>
  );
}

const useStyles=makeStyles（主题=>({
唇根：{
右：0
},
收缩：{
变换原点：“右上角”
}
}));
导出默认函数FormPropsTextFields（）{
const classes=useStyles（）；
返回(
);
}

---

你能创建一个代码沙盒吗

inputProps

应该是一个object是否有办法同时保留这两个属性？例如，一个标签保持在右边，而另一个标签保持在左边？