renderEmpty = () => (
<Empty
//图片高度
imageStyle={{
height: 1,
}}
description={
//文字描述
<span>
未添加此类课程资源
</span>
}
>
</Empty>
)
<ConfigProvider renderEmpty={this.renderEmpty}>
<List
renderItem={(item) =>
<List.Item>
{item.fileName}
</List.Item>
}
/>
</ConfigProvider>
在要自定义空列表的外层套上<ConfigProvider></ConfigProvider>
并设置renderEmpty
官方文档:
使用#
ConfigProvider 使用 React 的 context 特性,只需在应用外围包裹一次即可全局生效。
import { ConfigProvider } from 'antd';
// ...
export default () => (
<ConfigProvider direction="rtl">
<App />
</ConfigProvider>
);