npm软件包@types/react允许我们在TypeScript应用程序内部使用React。我们将组件定义为

type Props = {...}

type State = {...}

export default class MyComponent extends React.Component<Props, State> {
}

在这里，我们必须声明组件属性和状态的类型（在类型变量中）。

在声明了这些类型之后，TypeScript将使用该类型来验证组件的用法（传递给它的道具的形状）。

我想围绕这样的组件创建一个容器。容器将重复使用组件的道具。但是，为了创建具有相同道具的另一个组件，我必须再次重新声明道具的类型。或从原始组件文件中导出它们并导入到容器中：

// original file
export type Props = {...}

// container file
import MyComponent, { Props } from './original'

但是我已经MyComponent从该文件导入了。该组件已经包含有关其消耗的道具的信息（感谢在中键入变量React.Component）。

问题是 如何在不显式导出/导入道具类型的情况下从组件类本身访问该信息 ？

我想要类似的东西：

import MyComponent from './MyComponent'

type Props = MyComponent.Props // <= here access the component prop types

export default class MyContainer extends React.Component<Props, {}> {}