如何正确定义非 ts react 组件的类型，这些组件是另一个 react 组件的键答案

【问题标题】：How to correctly define typings for non-ts react components that are a key of another react component如何正确定义非 ts react 组件的类型，这些组件是另一个 react 组件的键
【发布时间】：2019-11-29 11:05:06
【问题描述】：

所以我有一个项目，其中有一些看起来像这样的反应组件（都在同一个文件 List.js 中）：

export default class List extends Component {
render(){//stuff}
}

List.Item = (props, context) => {
//function component stuff
}

如果有意义的话，基本上有一个反应函数组件作为另一个反应组件的键。这是我无法改变的，它是我正在使用的库的一部分。我正在尝试为这个库定义一个 index.d.ts，但是当我尝试像这样定义“列表”时：

//in index.d.ts

export as namespace myLibrary

export declare class List extends React.Component<any, any> {
Item: React.FunctionComponent<any>
}

究竟如何将 List.Item 添加为“列表”类型的属性？我尝试通过定义扩展第一个类/接口的第二个类/接口来覆盖它，尝试使用构造函数将其分配给“this”，并尝试了上述方法，但没有人完成这项工作

【问题讨论】：

标签： reactjs typescript ecmascript-6

【解决方案1】：

原来我只需要在我的 List 类中的 Item 字段上设置“静态”。很难找到

【讨论】：