不能将我保存在props中的id用作reactselect中的默认值

我有一个呈现可重用下拉列表的组件。当我使用它添加新项目时,我可以设置类别。但是,当我使用它来编辑项目时,下拉列表不会显示所选的类别。但是,我已将类别_id作为道具发送。

export default function RHFSelect({
  label,
  name,
  register,
  options,
  required,
  validationschema,
  errors,
  categoryID = "",
}) {
  return (
    <div>
      <select
        className="textField__input"
        {...register(name, validationschema)}
        id={name}
        defaultValue={categoryID}
      >
        <option value="">Please select the project category</option>

        {options.map((option) => {
          return (
            <option key={option.value} value={option.value}>
              {option.label}
            </option>
          );
        })}
      </select>
      {errors && errors[name] && (
        <span className="text-error block text-sm mt-2">
          {errors[name]?.message}
        </span>
      )}
    </div>
  );
}

选项是从数据库中获取的类别列表。 默认情况下,categoryID是一个空字符串,但在编辑项目模式下,它是一个类别的id,项目属于它。 我希望在添加模式下显示“请选择项目类别”,在编辑模式下显示我之前选择的类别。

提前感谢。