mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 13:47:02 +08:00
978 B
978 B
加载中
- order: 4
添加 loading
属性即可让按钮处于加载状态,最后一个按钮演示点击后进入加载状态。
var Button = antd.Button;
var App = React.createClass({
getInitialState() {
return {
loading: false
};
},
enterLoading() {
this.setState({
loading: true
});
},
render() {
return <div>
<Button type="primary" size="lg" loading>
加载中
</Button>
<Button type="primary" loading="true">
加载中
</Button>
<Button type="primary" size="sm" loading>
加载中
</Button>
<br />
<Button type="primary" loading={this.state.loading} onClick={this.enterLoading}>
点击变加载
</Button>
</div>;
}
});
React.render(<App />, document.getElementById('components-button-demo-loading'));