Reactjs 打字脚本+；React-从变量的类型中获取变量的类型

Typescript新手，不确定如何实现这一点

我使用React来构建一个组件-一个表-使用这个库

假设我有一些获取数据的服务：

const { data, error, loading, refetch } = songService.get(queryOptions);

我想在表组件本身中调用此服务，但是我不希望它仅限于从

songService

获取数据。我想从我在道具中通过的任何服务中获得它-所以我想：

或

但是，我有两个问题/不确定性： -

serviceFromData

prop是什么类型？我希望它是通用的。 -如何确保我的

const queryOptions

具有基于服务的特定接口

任何帮助都将不胜感激

---

谢谢。

我会为每个服务创建一个接口，并让它们扩展一个公共接口。 在这里，您有两个选择： 1.

serviceFromData

可以采用公共接口的类型，因此它有点通用 2.

serviceFromData

可以采用类似于

Service1 | Service2

通过将所需类型添加到服务类中的

get（）

方法，如

get（queryOptions:SomeInterface）

，可以确保

queryOptions

是一个特定的接口