Reactjs 如何显示自动完成错误

我正在处理React Hook表单

<Controller
  control={control}
  rules={{ required: "Required" }}
  error={errors.state ? true : false}
  helperText={errors.state && errors.state.message}
  name="state"
  as={
    <AutoComplete
      options={stateOptions}
      onChange={selectStateHandler}
      label="State"
      value={selectedState}
    />
  }
/>

---

帮助器文本使用的是

TextField

，而不是

Autocomplete

TextField

错误时边框颜色会发生变化，我希望使用

Autocomplete

Autocomplete

使用

TextField

呈现输入，因此您只需对文本字段执行相同的操作即可显示错误