--- order: 5 title: zh-CN: 预加载的卡片 en-US: Loading card --- ## zh-CN 数据读入前会有文本块样式。 ## en-US Shows a loading indicator while the contents of the card is being fetched. ```jsx import { Skeleton, Switch, Card, Icon, Avatar } from 'antd'; const { Meta } = Card; class App extends React.Component { state = { loading: true, }; onChange = checked => { this.setState({ loading: !checked }); }; render() { const { loading } = this.state; return (