如何通过typescript布尔字段传递条件运算符

Question

我一直在将代码迁移到typescript，并试图通过Ant Design设计的这个表组件来弄清楚这个条件运算符是如何实现的。

const paginationLogic = props.data.length <= 10 ? false : true

return (
<>
<h1>Table</h1>
<div className="w-80 m-auto site-overflow">
<Table columns={columns} dataSource={myData}  pagination={paginationLogic} />
</div>
</>
)

当我使用上面的代码时，出现了一个错误，但这似乎有效。我需要条件运算符，因为如果有超过10行，我希望开始分页。

<Table columns={columns} dataSource={myData}  pagination={false} />

Answer 1

您得到的类型错误是

Type 'boolean' is not assignable to type 'false | TablePaginationConfig | undefined' 

这是更新后的代码

import { TablePaginationConfig } from 'antd/es/table/Table';
const paginationConfig: TablePaginationConfig = {
//add your config here
}
const paginationLogic = props.data.length > 10 ? paginationConfig : false;

请参阅Ant打字脚本文档