antd-mobile
Version:
<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />
23 lines • 700 B
JavaScript
import React from 'react';
import { withNativeProps } from '../../utils/native-props';
import { Image } from '../../index';
import { mergeProps } from '../../utils/with-default-props';
import { Fallback } from './fallback';
const classPrefix = 'adm-avatar';
const defaultProps = {
fallback: React.createElement(Fallback, null),
fit: 'cover'
};
export const Avatar = p => {
const props = mergeProps(defaultProps, p);
return withNativeProps(props, React.createElement(Image, {
className: classPrefix,
src: props.src,
fallback: props.fallback,
placeholder: props.fallback,
alt: props.alt,
lazy: props.lazy,
onClick: props.onClick,
onError: props.onError
}));
};