ant-design/components/avatar/demo/fallback.md
2022-05-23 14:37:16 +08:00

725 B
Raw Blame History

order title debug
99
zh-CN en-US
图片不存在时 Fallback
true

zh-CN

图片不存在时,如果 src 本身是个 ReactElement会尝试回退到 src,否则尝试回退到 icon,最后回退到显示 children

en-US

图片不存在时,如果 src 本身是个 ReactElement会尝试回退到 src,否则尝试回退到 icon,最后回退到显示 children

import { Avatar } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <>
    <Avatar shape="circle" src="http://abc.com/not-exist.jpg">
      A
    </Avatar>
    <Avatar shape="circle" src="http://abc.com/not-exist.jpg">
      ABC
    </Avatar>
  </>
);

export default App;