我正在尝试让这个字段的错误处理用户界面

请注意，在正确的（第二个）UI示例中，错误文本显示在左侧。现在忽略文本颜色或和文本字体-我如何使该文本（"；资产包URL无效."；）左对齐？

我现在的风格

hr: {
    border: '1px solid red'
  },
  errorDiv: {
    align: "left",
    flexDirection: 'column',
  }

以及它在代码

<代码><；框>；<；标签HTMLFOR="；包含按钮文件"；>；<；钮扣大小="；小"；VARIANT={' outlined '}颜色={'默认'}onclick={（）=>；{//eslint-disable-next-line（UploadInputRef？.Current As Any）？.Click（）；}}//Disabled={IsDisabled？真：假}>；{网址？'更改资产包'：'添加资产包'}<；/按钮>；<；/标签>；{错误？(<；DIV类名={Classes.ErrorDiv}>；<；HR类名={Classes.HR}>；<；/HR>；{错误}<；/DIV>；）：空}<；/框>；

该框包装在未设置样式的DIV中。该组件包装在上一级别的网格项组件中。

顺晟科技：

威尔普，我知道了。

已使用Mui<Box> <label htmlFor="contained-button-file"> <Button size="small" variant={'outlined'} color={'default'} onClick={() => { // eslint-disable-next-line (uploadInputRef?.current as any)?.click(); }} // disabled={isDisabled ? true : false} > {url ? 'Change Asset Bundle' : 'Add Asset Bundle'} </Button> </label> {error ? ( <div className={classes.errorDiv}> <hr className={classes.hr}></hr> {error} </div> ) : null} </Box> ！（我仍然低估了Mui的广度。

FormHelperText