typescript - vue UnwrapRefSimple 泛型类型不能在 react 时分配给 T

Question

我创建了一个钩子(Hook)函数，想在其他地方重用它:

import { ref, Ref, reactive } from 'vue'

const useSelectAarray = <T>(items: T[]) => {
  const selectItem: Ref<T|null> = ref(null)
  const options = reactive([...items])
  const select = (key: string, value: any) => {
    const trigger = options.find((item: { [index: string]: any }) => item[key] === value)

    if (typeof trigger !== 'undefined') {
      selectItem.value = trigger
    }
  }

  return {  
    selectItem,
    select,
    items: options
  }
}

但是在 selectItem.value = trigger , 我得到一个类型错误 Type 'UnwrapRefSimple<T>' is not assignable to type 'T'。

我该如何解决这个问题？

Answer 1

const selectItem = ref<T>(null) as Ref<T>

参见:https://github.com/vuejs/vue-next/issues/2136