<Table />
如果接收到空数据数组,我想渲染一些其他内容。
目前它只是显示'No data'
,但我想在那里放一些自定义组件。
如何做到这一点?
使用编译语言的想法可能是显着提高性能的好方法。
但它可以用来设置drm吗?
例如:一些网站提供浏览器游戏,不希望源代码被他人使用。是否会使用与游戏机制相关的 webassembly-script 来检测它是否在另一个站点上使用并锁定它而无法反编译和绕过它?
我不想在这方面听起来像个海盗,但它可能与 adblock-users 相关,它也阻止了 trackers。
例如,当音频上下文指纹-脚本在没有被检测到的情况下运行时,如何阻止它?
有一个表的属性,locale
。这是一个object
,习惯于define
以下事情:
filterConfirm
, filterReset
, emptyText
.
用于emptyText
指定text
要显示的,如果data
是empty
。像这样:
let locale = {
emptyText: 'Abc',
};
<Table locale={locale} dataSource={dataSource} columns={columns} />
还有另一种方法可以做到这一点,而无需触及locale
属性:
<Table />
用 a包装<ConfigProvider />
并设置renderEmpty
属性:
<ConfigProvider renderEmpty={() => <Empty description="Custom message"/>}>
<Table />
</ConfigProvider>
该renderEmpty
函数可以返回您想要的任何组件。
更多详细信息:https ://ant.design/components/config-provider/#API 来自文档的示例:https ://ant.design/components/empty/#components-empty-demo-config-provider
您可以使用locale
antd table 的道具,即Object
. 不仅可以传递string
给emptyText
您,还可以传递HTML
标签。
let locale = {
emptyText: (
<span>
<p>
<Icon type="like" />
Custom Message
</p>
<Button>Custom Button</Button>
</span>
)
};
<Table locale={locale} dataSource={dataSource} columns={columns} />
可以使用语言环境。可以直接给出空文本。
<Table locale={{emptyText:"No data"} dataSource={dataSource} columns={columns} />
在 ant design 网站上有很好的解释。这是链接https://ant.design/components/empty/