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

IT技术 reactjs typescript antd
2022-07-08 01:45:07

我对 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)、Typescript(版本 3.6.4)之后,我得到了很多错误:

错误 TS2459 (TS) 类型“组件类”,“正在加载”| “页脚” | “风格” | “标题” | “滚动” | “尺寸” | “孩子” | "类名" | "前缀Cls" | “语言环境” | "getPopupContainer" | "onChange" | “数据源” | ... 27 更多... | "sortDirections">, any>' 没有属性 'ColumnGroup' 也没有字符串索引签名。9
错误 TS2459 (TS) 类型“组件类”,“正在加载”| “页脚” | “风格” | “标题” | “滚动” | “尺寸” | “孩子” | "类名" | "前缀Cls" | “语言环境” | "getPopupContainer" | "onChange" | “数据源” | ... 27 更多 ... | "sortDirections">, any>' 没有属性 'Column' 也没有字符串索引签名。
9错误 TS1005 (TS) '(' 预期。52
错误 TS2348 (TS) 类型“组件类”的值,“正在加载”| “页脚” | “风格” | “标题” | “滚动” | “尺寸” | “孩子” | "类名" | "前缀Cls" | “语言环境” | "getPopupContainer" | "onChange" | “数据源” | ... 27 更多... | "sortDirections">, any>' 不可调用。您的意思是包括“新”吗?52
错误 TS2339 (TS) 类型“{}”上不存在属性“大小”。97
错误 TS2607 (TS) JSX 元素类不支持属性,因为它没有“props”属性。97
错误 TS2605 (TS) JSX 元素类型“MyTable”不是 JSX 元素的构造函数。财产 ' 'MyTable' 类型中缺少 render'。97

阅读文档并在网上使用不同的搜索词进行搜索并没有帮助。请你这么好心,给我一个提示,发生了什么事?

一些想法

为了使react类型与 ant.design 的类型保持一致,请参阅https://ant.design/docs/react/use-in-typescript但我并不太成功。

参考

0个回答
没有发现任何回复~