Ant Design Table、List 等自定义全局组件的
2020-09-14 本文已影响0人
IT姑凉
List
数据、Table
数据为空,会默认显示个暂无数据,想要自定义样式,发现如果不仔细看都找不到在哪写哈哈
import { ConfigProvider,Empty,Table, List,} from 'antd';
const customizeRenderEmpty = () => (
<Empty
description={
<span>
暂无评论哦,快来评论一下吧!
</span>
}
/>
);
class Demo extends React.Component {
render() {
return (
<div>
<ConfigProvider renderEmpty={customizeRenderEmpty}>
<div className="config-provider">
<h3>Table</h3>
<Table
style={{ marginTop: 8 }}
columns={[
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
},
]}
/>
<h3>List</h3>
<List />
</div>
</ConfigProvider>
</div>
);
}
}
ReactDOM.render(<Demo />, mountNode);