我对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,但我做得不太成功。