Ant Design Table、List 等自定义全局组件的

2020-09-14  本文已影响0人  IT姑凉

用的是3.x版本的
https://3x.ant.design/components/empty-cn/

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);
上一篇下一篇

猜你喜欢

热点阅读