mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-22 14:44:47 +08:00
912 B
912 B
order | title | ||||
---|---|---|---|---|---|
3 |
|
zh-CN
可以直接把内容内嵌到 Spin
中,将现有容器变为加载状态。
en-US
Embedding content into Spin
will alter it into loading state.
import { Spin, Switch, Alert } from 'antd';
class Card extends React.Component {
state = { loading: false }
toggle = (value) => {
this.setState({ loading: value });
}
render() {
return (
<div>
<Spin spinning={this.state.loading}>
<Alert
message="Alert message title"
description="Further details about the context of this alert."
type="info"
/>
</Spin>
<div style={{ marginTop: 16 }}>
Loading state:<Switch checked={this.state.loading} onChange={this.toggle} />
</div>
</div>
);
}
}
ReactDOM.render(<Card />, mountNode);