如何在react typescript中传递一个类型作为prop？

cig3rfwq 于 2023-01-03 发布在 TypeScript

关注(0)|答案(1)|浏览(159)

我有两个包，一个是通用包，另一个是翻译包。我把类型和翻译从翻译包转移到我的项目，再从我的项目转移到通用包。但是要使用通用包中的翻译，我也需要类型。有没有办法把接口作为react中的一个prop传递？
简单地说，有没有办法将接口/类型作为prop传递？

1条答案

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

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

anotherFile.tsx

import { MyComponentProps } from './declarations'

...

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