使用InputAdorement显示错误消息

Question

我正在通过以下代码进行操作：

        <FormControl margin="normal" required fullWidth>
          <InputLabel htmlFor="password">Password</InputLabel>
          <Input
            id="password"
            type="password"
            endAdornment={
              !passwordValid ? (
              <InputAdornment position="end">
                  <Error style={{color:"red"}} />
              </InputAdornment>
              ) : null
            }
            onChange={(event) =>{

              setPassword(event.target.value)

            }}
            onBlur = {()=> {
              let regex= new RegExp("^((?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,}))");
              if (!regex.test(password))
                setPasswordValid(false)
                else
                setPasswordValid(true)
            }}
          />

        </FormControl>

InputAdorement显示红色感叹号错误。但是对于错误，我想同时显示确切的错误。在这种情况下，我想显示他们的密码不符合至少1个字母，1个数字，1个大写字母和8个字符的最低要求。