antd table columns ts报错

最新推荐文章于 2025-11-13 11:21:54 发布

原创最新推荐文章于 2025-11-13 11:21:54 发布 · 4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

react 同时被 3 个专栏收录

29 篇文章

订阅专栏

3 篇文章

订阅专栏

table

1 篇文章

订阅专栏

本文档详述了在使用 TypeScript 开发过程中遇到的 ColumnProps 类型错误，重点介绍了如何处理 'render' 函数类型和 'ellipsis' 属性的类型不匹配问题，并提供了解决方案和常见类型转换技巧。

报错截图

在这里插入图片描述
不能将类型“({ title: Element; dataIndex: string; ellipsis: { showTitle: boolean; }; render: (name: any, record: any) => Element; key?: undefined; width?: undefined; fixed?: undefined; } | { …; } | { …; } | { …; })[]”分配给类型“ColumnProps[]”。
不能将类型“{ title: Element; dataIndex: string; ellipsis: { showTitle: boolean; }; render: (name: any, record: any) => Element; key?: undefined; width?: undefined; fixed?: undefined; } | { …; } | { …; } | { …; }”分配给类型“ColumnProps”。
不能将类型“{ title: JSX.Element; dataIndex: string; ellipsis: { showTitle: boolean; }; render: (name: any, record: any) => JSX.Element; key?: undefined; width?: undefined; fixed?: undefined; }”分配给类型“ColumnProps”。
属性“ellipsis”的类型不兼容。
不能将类型“{ showTitle: boolean; }”分配给类型“boolean | undefined”。
不能将类型“{ showTitle: boolean; }”分配给类型“true”