Antd 修改全局暂无数据的默认图片

项目中使用Antd时,遇到需要修改数据为空时的默认图片。
在相应的layout里的ConfigProvider中的config内做如下配置即可。

import { ConfigProvider, Empty } from 'antd';
import React from 'react';

//你的layout
const layout = () =>{
    ...
}

 render() {
    const renderEmpty = () => {
        return <Empty image={Empty.PRESENTED_IMAGE_DEFAULT} />;
    };

    const config = {
      autoInsertSpaceInButton: false,
      // csp: { nonce: '' },
      renderEmpty: renderEmpty,
      // getPopupContainer: () => document.body,
      // locale: ,
    };

    return <ConfigProvider {...config}>{layout}</ConfigProvider>;
}