--- 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 (