TS2339:扩展(Antd的)类时,{}类型上的属性不存在

时间:2019-10-18 08:19:57

标签: reactjs typescript antd

我对Typescript还是很陌生,但是我必须调试其他人的代码。它与components\ViewTable.tsx中的一个组件有关,该组件在更新TS / JS软件包之前已工作。它包含以下代码

\\ Lines 8-9
import { Table } from "antd";
const { Column, ColumnGroup } = Table;
\\ Line 52
class MyTable extends Table<Interfaces.ViewEntry>;
\\ ...
export class ViewTable extends React.Component<ViewTableProps, ViewTableState> {
   render() {
        return (
            <div>
                <div className="view-table">
\\ Line 97ff
                    <MyTable size="small" dataSource={this.props.viewData}
                        rowKey={(record) => (record.GeneralLedgerId).toString()}
                        locale={{ emptyText: 'No applicable view data found' }}
                        pagination={false}>
\\ ... 

这曾经起作用,但是在更新了最新版本的React(-Dom)(两个版本16.10.2),Antd(版本3.24.0),打字稿(版本3.6.4)之后,我遇到了错误嘉豪:

  

错误TS2459(TS)类型'ComponentClass,“正在加载” | “页脚” | “样式” | “标题” | “滚动” | “大小” | “孩子” | “ className” | “ prefixCls” | “语言环境” | “ getPopupContainer” | “ onChange” | “数据源” | ... 27更多... | “ sortDirections”>,any>'没有属性'ColumnGroup',也没有字符串索引签名。 9
  错误TS2459(TS)类型'ComponentClass,“正在加载” | “页脚” | “样式” | “标题” | “滚动” | “大小” | “孩子” | “ className” | “ prefixCls” | “语言环境” | “ getPopupContainer” | “ onChange” | “数据源” | ... 27更多... | “ sortDirections”>,any>'没有属性'Column',也没有字符串索引签名。 9
  错误TS1005(TS)'('。52
  错误TS2348(TS)类型'ComponentClass,“正在加载”的值| “页脚” | “样式” | “标题” | “滚动” | “大小” | “孩子” | “ className” | “ prefixCls” | “语言环境” | “ getPopupContainer” | “ onChange” | “数据源” | ... 27更多... | “ sortDirections”>,任何>'都不可调用。您是要包括“新”吗? 52
  错误TS2339(TS)类型“ {}”上不存在属性“大小”。 97
  错误TS2607(TS)JSX元素类不支持属性,因为它不具有'props'属性。 97
  错误TS2605(TS)JSX元素类型'MyTable'不是JSX元素的构造函数。类型“ MyTable”中缺少属性“ render”。 97

阅读文档并使用不同的搜索词在网上搜索没有帮助。可能你这么友好,给我一个提示吗?

一些想法

为了使react types与ant.design对齐,请参见https://ant.design/docs/react/use-in-typescript,但我做得不太成功。

参考文献

0 个答案:

没有答案