如何在反应 typescript 中将类型作为道具传递？

Question

我有两个包，一个用于普通包，另一个用于翻译。 我正在将类型和翻译从翻译 package 转移到我的项目，并从我的项目转移到公共 package。但是要使用公共 package 中的翻译，我也需要类型。 有没有办法将界面作为道具传递给反应？

简单来说，有没有办法将接口/类型作为道具传递？

Answer 1

如果我正确地理解了这个问题，那么如果要在多个地方使用它们，您可以为您的type声明创建一个单独的文件。 下面的伪代码示例：

声明.tsx:

export interface MyComponentProps {
    prop1: boolean;
    prop2?: string;
    prop3?: string;
}

另一个文件.tsx

import { MyComponentProps } from './declarations'


...

export default function AnotherFile({prop1, prop2, prop3}: MyComponentProps){
...
}