ant-design/components/message/demo/loading.md

---
order: 3
title: 加载中
---

进行全局 loading，异步自行移除。

````jsx
import { message, Button } from 'antd';

const success = function () {
  let hide = message.loading('正在执行中...', 0);
  // 异步手动移除
  setTimeout(hide, 2500);
};

ReactDOM.render(<Button onClick={success}>显示加载中...</Button>
, mountNode);
````
-												docs: update demo format

											
										
										
											2016-03-31 09:40:55 +08:00
+								---
 								order: 3
 								title: 加载中
 								---
-												Add loading message

											
										
										
											2015-09-07 12:27:09 +08:00
 								进行全局 loading，异步自行移除。
 								````jsx
-												ES6 syntax for demo code

fix antd.notification

											
										
										
											2015-10-28 20:55:49 +08:00
+								import { message, Button } from 'antd';
-												Add loading message

											
										
										
											2015-09-07 12:27:09 +08:00
-												style: update code style for space-before-function-paren

											
										
										
											2016-01-27 16:53:05 +08:00
+								const success = function () {
-												ES6 syntax for demo code

fix antd.notification

											
										
										
											2015-10-28 20:55:49 +08:00
+								  let hide = message.loading('正在执行中...', 0);
-												Add loading message

											
										
										
											2015-09-07 12:27:09 +08:00
+								  // 异步手动移除
 								  setTimeout(hide, 2500);
 								};
-												beta2

											
										
										
											2015-10-20 16:47:55 +08:00
+								ReactDOM.render(<Button onClick={success}>显示加载中...</Button>
-												use mountNode replace the long getElementById

											
										
										
											2015-12-29 12:08:58 +08:00
+								, mountNode);
-												Add loading message

											
										
										
											2015-09-07 12:27:09 +08:00
+								````