From a24732195b2708b89ad3fddda31da61a11f8ed0e Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Apr 2022 15:47:39 +0800
Subject: [PATCH] docs: simplify demo code, #30853

---
 components/affix/demo/basic.md                       | 2 +-
 components/affix/demo/debug.md                       | 2 +-
 components/affix/demo/target.md                      | 2 +-
 components/alert/demo/smooth-closed.md               | 2 +-
 components/avatar/demo/group.md                      | 2 +-
 components/avatar/demo/toggle-debug.md               | 2 +-
 components/badge/demo/change.md                      | 2 +-
 components/badge/demo/no-wrapper.md                  | 2 +-
 components/button/demo/loading.md                    | 2 +-
 components/calendar/demo/select.md                   | 2 +-
 components/card/demo/loading.md                      | 2 +-
 components/cascader/demo/multiple.md                 | 2 +-
 components/checkbox/demo/check-all.md                | 2 +-
 components/checkbox/demo/controller.md               | 2 +-
 components/collapse/demo/extra.md                    | 2 +-
 components/comment/demo/basic.md                     | 2 +-
 components/comment/demo/editor.md                    | 2 +-
 components/config-provider/demo/direction.md         | 2 +-
 components/config-provider/demo/locale.md            | 2 +-
 components/date-picker/demo/select-in-range.md       | 2 +-
 components/descriptions/demo/responsive.md           | 2 +-
 components/descriptions/demo/size.md                 | 2 +-
 components/descriptions/demo/style.md                | 2 +-
 components/drawer/demo/basic-right.md                | 2 +-
 components/drawer/demo/config-provider.md            | 2 +-
 components/drawer/demo/extra.md                      | 2 +-
 components/drawer/demo/multi-level-drawer.md         | 2 +-
 components/drawer/demo/no-mask.md                    | 2 +-
 components/drawer/demo/placement.md                  | 2 +-
 components/drawer/demo/render-in-current.md          | 2 +-
 components/drawer/demo/size.md                       | 2 +-
 components/drawer/demo/user-profile.md               | 2 +-
 components/dropdown/demo/loading.md                  | 2 +-
 components/empty/demo/config-provider.md             | 2 +-
 components/form/demo/basic.md                        | 2 +-
 components/form/demo/col-24-debug.md                 | 2 +-
 components/form/demo/complex-form-control.md         | 2 +-
 components/form/demo/control-hooks.md                | 2 +-
 components/form/demo/control-ref.md                  | 2 +-
 components/form/demo/customized-form-controls.md     | 2 +-
 components/form/demo/dep-debug.md                    | 2 +-
 components/form/demo/dynamic-form-items-complex.md   | 2 +-
 components/form/demo/dynamic-form-items-no-style.md  | 2 +-
 components/form/demo/dynamic-form-items.md           | 2 +-
 components/form/demo/form-context.md                 | 2 +-
 components/form/demo/global-state.md                 | 2 +-
 components/form/demo/label-debug.md                  | 2 +-
 components/form/demo/layout-can-wrap.md              | 2 +-
 components/form/demo/nest-messages.md                | 2 +-
 components/form/demo/ref-item.md                     | 2 +-
 components/form/demo/validate-other.md               | 2 +-
 components/form/demo/warning-only.md                 | 2 +-
 components/grid/demo/playground.md                   | 2 +-
 components/image/demo/preview-group-visible.md       | 2 +-
 components/image/demo/preview-group.md               | 2 +-
 components/input-number/demo/disabled.md             | 2 +-
 components/input-number/demo/keyboard.md             | 2 +-
 components/input-number/demo/out-of-range.md         | 2 +-
 components/input/demo/autosize-textarea.md           | 2 +-
 components/input/demo/focus.md                       | 2 +-
 components/input/demo/group.md                       | 2 +-
 components/input/demo/textarea-resize.md             | 2 +-
 components/mentions/demo/form.md                     | 2 +-
 components/mentions/demo/prefix.md                   | 2 +-
 components/mentions/demo/readonly.md                 | 2 +-
 components/menu/demo/horizontal.md                   | 2 +-
 components/menu/demo/inline-collapsed.md             | 2 +-
 components/menu/demo/style-debug.md                  | 2 +-
 components/menu/demo/switch-mode.md                  | 2 +-
 components/message/demo/hooks.md                     | 2 +-
 components/modal/demo/async.md                       | 2 +-
 components/modal/demo/basic.md                       | 2 +-
 components/modal/demo/button-props.md                | 2 +-
 components/modal/demo/dark.md                        | 2 +-
 components/modal/demo/footer.md                      | 2 +-
 components/modal/demo/hooks.md                       | 2 +-
 components/modal/demo/modal-render.md                | 2 +-
 components/modal/demo/position.md                    | 2 +-
 components/modal/demo/width.md                       | 2 +-
 components/notification/demo/hooks.md                | 2 +-
 components/pagination/demo/controlled.md             | 2 +-
 components/popconfirm/demo/async.md                  | 2 +-
 components/popconfirm/demo/dynamic-trigger.md        | 2 +-
 components/popconfirm/demo/promise.md                | 2 +-
 components/popover/demo/control.md                   | 2 +-
 components/popover/demo/hover-with-click.md          | 2 +-
 components/progress/demo/circle-dynamic.md           | 2 +-
 components/progress/demo/dynamic.md                  | 2 +-
 components/progress/demo/gradient-line.md            | 2 +-
 components/radio/demo/disabled.md                    | 2 +-
 components/radio/demo/radiogroup-more.md             | 2 +-
 components/radio/demo/radiogroup-options.md          | 2 +-
 components/radio/demo/radiogroup-with-name.md        | 2 +-
 components/radio/demo/radiogroup.md                  | 2 +-
 components/select/demo/coordinate.md                 | 2 +-
 components/select/demo/custom-dropdown-menu.md       | 2 +-
 components/select/demo/responsive.md                 | 2 +-
 components/select/demo/select-users.md               | 2 +-
 components/skeleton/demo/children.md                 | 2 +-
 components/skeleton/demo/element.md                  | 2 +-
 components/skeleton/demo/list.md                     | 2 +-
 components/slider/demo/basic.md                      | 2 +-
 components/slider/demo/reverse.md                    | 2 +-
 components/space/demo/gap-in-line.md                 | 2 +-
 components/space/demo/wrap.md                        | 2 +-
 components/steps/demo/clickable.md                   | 2 +-
 components/steps/demo/nav.md                         | 2 +-
 components/steps/demo/progress-debug.md              | 2 +-
 components/steps/demo/step-next.md                   | 2 +-
 components/steps/demo/steps-in-steps.md              | 2 +-
 components/switch/demo/disabled.md                   | 2 +-
 components/table/demo/ajax.md                        | 2 +-
 components/table/demo/custom-filter-panel.md         | 2 +-
 components/table/demo/dynamic-settings.md            | 2 +-
 components/table/demo/pagination.md                  | 2 +-
 components/table/demo/reset-filter.md                | 2 +-
 components/table/demo/resizable-column.md            | 2 +-
 components/table/demo/row-selection-and-operation.md | 2 +-
 components/table/demo/row-selection-custom-debug.md  | 2 +-
 components/table/demo/row-selection-custom.md        | 2 +-
 components/table/demo/row-selection.md               | 2 +-
 components/table/demo/sticky.md                      | 2 +-
 components/tabs/demo/basic.md                        | 2 +-
 components/tabs/demo/centered.md                     | 2 +-
 components/tabs/demo/custom-add-trigger.md           | 2 +-
 components/tabs/demo/editable-card.md                | 2 +-
 components/tabs/demo/extra.md                        | 2 +-
 components/tabs/demo/nest.md                         | 2 +-
 components/tabs/demo/position.md                     | 2 +-
 components/tabs/demo/size.md                         | 2 +-
 components/tag/demo/controlled.md                    | 2 +-
 components/time-picker/demo/value.md                 | 2 +-
 components/transfer/demo/advanced.md                 | 2 +-
 components/transfer/demo/basic.md                    | 2 +-
 components/transfer/demo/custom-item.md              | 2 +-
 components/transfer/demo/custom-select-all-labels.md | 2 +-
 components/transfer/demo/large-data.md               | 2 +-
 components/transfer/demo/oneWay.md                   | 2 +-
 components/transfer/demo/search.md                   | 2 +-
 components/transfer/demo/table-transfer.md           | 2 +-
 components/transfer/demo/tree-transfer.md            | 2 +-
 components/tree-select/demo/async.md                 | 2 +-
 components/tree-select/demo/basic.md                 | 2 +-
 components/tree-select/demo/checkable.md             | 2 +-
 components/tree-select/demo/multiple.md              | 2 +-
 components/tree-select/demo/placement.md             | 2 +-
 components/tree-select/demo/suffix.md                | 2 +-
 components/tree-select/demo/treeData.md              | 2 +-
 components/tree-select/demo/treeLine.md              | 2 +-
 components/tree/demo/basic-controlled.md             | 2 +-
 components/tree/demo/basic.md                        | 2 +-
 components/tree/demo/big-data.md                     | 2 +-
 components/tree/demo/directory.md                    | 2 +-
 components/tree/demo/drag-debug.md                   | 2 +-
 components/tree/demo/draggable.md                    | 2 +-
 components/tree/demo/dynamic.md                      | 2 +-
 components/tree/demo/line.md                         | 2 +-
 components/tree/demo/switcher-icon.md                | 2 +-
 components/typography/demo/ellipsis-debug.md         | 2 +-
 components/typography/demo/ellipsis.md               | 2 +-
 components/typography/demo/interactive.md            | 2 +-
 components/typography/demo/suffix.md                 | 2 +-
 components/upload/demo/crop-image.md                 | 2 +-
 components/upload/demo/upload-manually.md            | 2 +-
 164 files changed, 164 insertions(+), 164 deletions(-)

diff --git a/components/affix/demo/basic.md b/components/affix/demo/basic.md
index 93dcd5ae6300..a33d0d5f8aca 100644
--- a/components/affix/demo/basic.md
+++ b/components/affix/demo/basic.md
@@ -38,5 +38,5 @@ const Demo: React.FC = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/affix/demo/debug.md b/components/affix/demo/debug.md
index f8a97b443568..886d8b525a42 100644
--- a/components/affix/demo/debug.md
+++ b/components/affix/demo/debug.md
@@ -35,5 +35,5 @@ const Demo: React.FC = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/affix/demo/target.md b/components/affix/demo/target.md
index 0fad8711753b..ba33e30e22dd 100644
--- a/components/affix/demo/target.md
+++ b/components/affix/demo/target.md
@@ -30,7 +30,7 @@ const Demo: React.FC = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/alert/demo/smooth-closed.md b/components/alert/demo/smooth-closed.md
index 19c2bc04fe3a..7b3d14e92b9b 100644
--- a/components/alert/demo/smooth-closed.md
+++ b/components/alert/demo/smooth-closed.md
@@ -32,5 +32,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/avatar/demo/group.md b/components/avatar/demo/group.md
index 046bdd2b16e2..4f2c6a82ae4d 100644
--- a/components/avatar/demo/group.md
+++ b/components/avatar/demo/group.md
@@ -66,5 +66,5 @@ const Demo = () => (
   </>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/avatar/demo/toggle-debug.md b/components/avatar/demo/toggle-debug.md
index 695a8b9c20b6..2193219c5d67 100644
--- a/components/avatar/demo/toggle-debug.md
+++ b/components/avatar/demo/toggle-debug.md
@@ -71,5 +71,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/badge/demo/change.md b/components/badge/demo/change.md
index f4b0874d4bbf..1b8195f3f6b5 100644
--- a/components/badge/demo/change.md
+++ b/components/badge/demo/change.md
@@ -74,5 +74,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/badge/demo/no-wrapper.md b/components/badge/demo/no-wrapper.md
index 8bdf0798c8e4..6ae6fadeac18 100644
--- a/components/badge/demo/no-wrapper.md
+++ b/components/badge/demo/no-wrapper.md
@@ -36,5 +36,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/button/demo/loading.md b/components/button/demo/loading.md
index cfa6c42b6c65..244ca7ebab5a 100644
--- a/components/button/demo/loading.md
+++ b/components/button/demo/loading.md
@@ -81,5 +81,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/calendar/demo/select.md b/components/calendar/demo/select.md
index ba04d2134d53..22a55cf1eed4 100644
--- a/components/calendar/demo/select.md
+++ b/components/calendar/demo/select.md
@@ -47,5 +47,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/card/demo/loading.md b/components/card/demo/loading.md
index ed15059d75c2..a5f3d10baf0b 100644
--- a/components/card/demo/loading.md
+++ b/components/card/demo/loading.md
@@ -64,5 +64,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/cascader/demo/multiple.md b/components/cascader/demo/multiple.md
index c8fda115033b..36c11a372aab 100644
--- a/components/cascader/demo/multiple.md
+++ b/components/cascader/demo/multiple.md
@@ -66,5 +66,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/checkbox/demo/check-all.md b/components/checkbox/demo/check-all.md
index 508406ae6d83..4bfcfca04655 100644
--- a/components/checkbox/demo/check-all.md
+++ b/components/checkbox/demo/check-all.md
@@ -49,5 +49,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/checkbox/demo/controller.md b/components/checkbox/demo/controller.md
index d8463a28dfac..93a3c9ee3c18 100644
--- a/components/checkbox/demo/controller.md
+++ b/components/checkbox/demo/controller.md
@@ -70,5 +70,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/collapse/demo/extra.md b/components/collapse/demo/extra.md
index 771807e0636c..92aa2e18b907 100644
--- a/components/collapse/demo/extra.md
+++ b/components/collapse/demo/extra.md
@@ -82,5 +82,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/comment/demo/basic.md b/components/comment/demo/basic.md
index 52445690469b..14240c723fe7 100644
--- a/components/comment/demo/basic.md
+++ b/components/comment/demo/basic.md
@@ -73,7 +73,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/comment/demo/editor.md b/components/comment/demo/editor.md
index 6051c50f8e95..c16d56bf361f 100644
--- a/components/comment/demo/editor.md
+++ b/components/comment/demo/editor.md
@@ -102,5 +102,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/config-provider/demo/direction.md b/components/config-provider/demo/direction.md
index e5e23b84b352..f26fe3c18d8e 100644
--- a/components/config-provider/demo/direction.md
+++ b/components/config-provider/demo/direction.md
@@ -559,7 +559,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/config-provider/demo/locale.md b/components/config-provider/demo/locale.md
index 28e3728f7212..f421c6a31f00 100644
--- a/components/config-provider/demo/locale.md
+++ b/components/config-provider/demo/locale.md
@@ -165,7 +165,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/date-picker/demo/select-in-range.md b/components/date-picker/demo/select-in-range.md
index d7c369138f65..9a7a8e03faf3 100644
--- a/components/date-picker/demo/select-in-range.md
+++ b/components/date-picker/demo/select-in-range.md
@@ -52,5 +52,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/descriptions/demo/responsive.md b/components/descriptions/demo/responsive.md
index 8178e1505978..ee3f14f1cbd5 100644
--- a/components/descriptions/demo/responsive.md
+++ b/components/descriptions/demo/responsive.md
@@ -46,5 +46,5 @@ const Demo = () => (
   </div>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/descriptions/demo/size.md b/components/descriptions/demo/size.md
index 3976c9f3ea8e..b6a35e5f62d7 100644
--- a/components/descriptions/demo/size.md
+++ b/components/descriptions/demo/size.md
@@ -83,5 +83,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/descriptions/demo/style.md b/components/descriptions/demo/style.md
index 723040a27e92..6ed0ddf656c2 100644
--- a/components/descriptions/demo/style.md
+++ b/components/descriptions/demo/style.md
@@ -69,5 +69,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/drawer/demo/basic-right.md b/components/drawer/demo/basic-right.md
index 55f91ca2123e..be71663ffa3a 100644
--- a/components/drawer/demo/basic-right.md
+++ b/components/drawer/demo/basic-right.md
@@ -39,7 +39,7 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/drawer/demo/config-provider.md b/components/drawer/demo/config-provider.md
index c48f6e2500d4..d08732f8191a 100644
--- a/components/drawer/demo/config-provider.md
+++ b/components/drawer/demo/config-provider.md
@@ -49,5 +49,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/extra.md b/components/drawer/demo/extra.md
index f0034c695a02..03e075d4e038 100644
--- a/components/drawer/demo/extra.md
+++ b/components/drawer/demo/extra.md
@@ -67,5 +67,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/multi-level-drawer.md b/components/drawer/demo/multi-level-drawer.md
index 3410bd369147..f1be8f443c00 100644
--- a/components/drawer/demo/multi-level-drawer.md
+++ b/components/drawer/demo/multi-level-drawer.md
@@ -74,7 +74,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/drawer/demo/no-mask.md b/components/drawer/demo/no-mask.md
index 1281febf956e..548b1f30f368 100644
--- a/components/drawer/demo/no-mask.md
+++ b/components/drawer/demo/no-mask.md
@@ -46,5 +46,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/placement.md b/components/drawer/demo/placement.md
index 3b97aa125e9f..36bf30339e08 100644
--- a/components/drawer/demo/placement.md
+++ b/components/drawer/demo/placement.md
@@ -69,5 +69,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/render-in-current.md b/components/drawer/demo/render-in-current.md
index e24c251a838e..b165058c7ccd 100644
--- a/components/drawer/demo/render-in-current.md
+++ b/components/drawer/demo/render-in-current.md
@@ -56,7 +56,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/drawer/demo/size.md b/components/drawer/demo/size.md
index 3928d468d61e..fc1932a94d21 100644
--- a/components/drawer/demo/size.md
+++ b/components/drawer/demo/size.md
@@ -65,5 +65,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/drawer/demo/user-profile.md b/components/drawer/demo/user-profile.md
index dce07c178bc7..a87081d9f66d 100644
--- a/components/drawer/demo/user-profile.md
+++ b/components/drawer/demo/user-profile.md
@@ -167,7 +167,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/dropdown/demo/loading.md b/components/dropdown/demo/loading.md
index 84f914564c29..3df50c39cddc 100644
--- a/components/dropdown/demo/loading.md
+++ b/components/dropdown/demo/loading.md
@@ -74,5 +74,5 @@ class App extends React.Component {
     );
   }
 }
-export default () => <App />;
+export default App;
 ```
diff --git a/components/empty/demo/config-provider.md b/components/empty/demo/config-provider.md
index 0cd1520a3037..b9d0194694cb 100644
--- a/components/empty/demo/config-provider.md
+++ b/components/empty/demo/config-provider.md
@@ -96,7 +96,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/form/demo/basic.md b/components/form/demo/basic.md
index 4b87c658701c..5172b0c8bfc8 100644
--- a/components/form/demo/basic.md
+++ b/components/form/demo/basic.md
@@ -64,5 +64,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/col-24-debug.md b/components/form/demo/col-24-debug.md
index 91db0dd8d1b0..370224a01aad 100644
--- a/components/form/demo/col-24-debug.md
+++ b/components/form/demo/col-24-debug.md
@@ -94,5 +94,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/complex-form-control.md b/components/form/demo/complex-form-control.md
index 0bb68b3e2ff3..b1856eb10c51 100644
--- a/components/form/demo/complex-form-control.md
+++ b/components/form/demo/complex-form-control.md
@@ -125,5 +125,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/control-hooks.md b/components/form/demo/control-hooks.md
index 1de8a14c0641..1ef2afb2af2d 100644
--- a/components/form/demo/control-hooks.md
+++ b/components/form/demo/control-hooks.md
@@ -104,7 +104,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/form/demo/control-ref.md b/components/form/demo/control-ref.md
index 19f7a5b3a791..2a9060e53b85 100644
--- a/components/form/demo/control-ref.md
+++ b/components/form/demo/control-ref.md
@@ -107,7 +107,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/form/demo/customized-form-controls.md b/components/form/demo/customized-form-controls.md
index b0121577bcc2..e38dc5ea3e49 100644
--- a/components/form/demo/customized-form-controls.md
+++ b/components/form/demo/customized-form-controls.md
@@ -119,5 +119,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/dep-debug.md b/components/form/demo/dep-debug.md
index 4ab51673f86f..535642a9aa69 100644
--- a/components/form/demo/dep-debug.md
+++ b/components/form/demo/dep-debug.md
@@ -46,5 +46,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/dynamic-form-items-complex.md b/components/form/demo/dynamic-form-items-complex.md
index 49df8b00c9a6..040d52239392 100644
--- a/components/form/demo/dynamic-form-items-complex.md
+++ b/components/form/demo/dynamic-form-items-complex.md
@@ -103,5 +103,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/dynamic-form-items-no-style.md b/components/form/demo/dynamic-form-items-no-style.md
index 59e4761d4ee2..ad5c300259d3 100644
--- a/components/form/demo/dynamic-form-items-no-style.md
+++ b/components/form/demo/dynamic-form-items-no-style.md
@@ -62,5 +62,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/dynamic-form-items.md b/components/form/demo/dynamic-form-items.md
index 76f621e5295e..680ac711e69e 100644
--- a/components/form/demo/dynamic-form-items.md
+++ b/components/form/demo/dynamic-form-items.md
@@ -63,5 +63,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/form-context.md b/components/form/demo/form-context.md
index 83dfb9e25a87..1500bd98f6ba 100644
--- a/components/form/demo/form-context.md
+++ b/components/form/demo/form-context.md
@@ -145,7 +145,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/form/demo/global-state.md b/components/form/demo/global-state.md
index e6cecf53e5a9..1242bc4e20cc 100644
--- a/components/form/demo/global-state.md
+++ b/components/form/demo/global-state.md
@@ -69,7 +69,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/form/demo/label-debug.md b/components/form/demo/label-debug.md
index 4286a9e7da77..0cecc2aaa310 100644
--- a/components/form/demo/label-debug.md
+++ b/components/form/demo/label-debug.md
@@ -43,5 +43,5 @@ const Demo = () => (
   </Form>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/layout-can-wrap.md b/components/form/demo/layout-can-wrap.md
index de737455f1b8..0071cb237c5a 100644
--- a/components/form/demo/layout-can-wrap.md
+++ b/components/form/demo/layout-can-wrap.md
@@ -42,5 +42,5 @@ const Demo = () => (
   </Form>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/nest-messages.md b/components/form/demo/nest-messages.md
index 06853a18d7f6..4d9e66c93d61 100644
--- a/components/form/demo/nest-messages.md
+++ b/components/form/demo/nest-messages.md
@@ -65,5 +65,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/ref-item.md b/components/form/demo/ref-item.md
index a87a2a42d202..778cd4311dcf 100644
--- a/components/form/demo/ref-item.md
+++ b/components/form/demo/ref-item.md
@@ -57,5 +57,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/validate-other.md b/components/form/demo/validate-other.md
index 438ef2f3cd2a..b621c322d754 100644
--- a/components/form/demo/validate-other.md
+++ b/components/form/demo/validate-other.md
@@ -206,5 +206,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/form/demo/warning-only.md b/components/form/demo/warning-only.md
index 62ab8c3aebfe..0bb5ff6c2c6f 100644
--- a/components/form/demo/warning-only.md
+++ b/components/form/demo/warning-only.md
@@ -64,5 +64,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/grid/demo/playground.md b/components/grid/demo/playground.md
index 99bb3fd963d7..9e0088814744 100644
--- a/components/grid/demo/playground.md
+++ b/components/grid/demo/playground.md
@@ -113,7 +113,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/image/demo/preview-group-visible.md b/components/image/demo/preview-group-visible.md
index 8c0c140524bb..d2ea685aa175 100644
--- a/components/image/demo/preview-group-visible.md
+++ b/components/image/demo/preview-group-visible.md
@@ -38,5 +38,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/image/demo/preview-group.md b/components/image/demo/preview-group.md
index ae7beb0aa6ea..b4d6cb76da9b 100644
--- a/components/image/demo/preview-group.md
+++ b/components/image/demo/preview-group.md
@@ -26,5 +26,5 @@ const App = () => (
   </Image.PreviewGroup>
 );
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/input-number/demo/disabled.md b/components/input-number/demo/disabled.md
index cb9610b1b268..945ee75cc79d 100644
--- a/components/input-number/demo/disabled.md
+++ b/components/input-number/demo/disabled.md
@@ -41,5 +41,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/input-number/demo/keyboard.md b/components/input-number/demo/keyboard.md
index fb2970145631..605f6fd42779 100644
--- a/components/input-number/demo/keyboard.md
+++ b/components/input-number/demo/keyboard.md
@@ -33,5 +33,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/input-number/demo/out-of-range.md b/components/input-number/demo/out-of-range.md
index 97f287191ce3..d27d2523d4b7 100644
--- a/components/input-number/demo/out-of-range.md
+++ b/components/input-number/demo/out-of-range.md
@@ -34,5 +34,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/input/demo/autosize-textarea.md b/components/input/demo/autosize-textarea.md
index c409a25dac03..91e30b714749 100644
--- a/components/input/demo/autosize-textarea.md
+++ b/components/input/demo/autosize-textarea.md
@@ -50,5 +50,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/input/demo/focus.md b/components/input/demo/focus.md
index 25e83f89b52b..712ae7b32f73 100644
--- a/components/input/demo/focus.md
+++ b/components/input/demo/focus.md
@@ -80,5 +80,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/input/demo/group.md b/components/input/demo/group.md
index 734d839d5401..b344e003d67e 100644
--- a/components/input/demo/group.md
+++ b/components/input/demo/group.md
@@ -194,7 +194,7 @@ const App = () => (
   </div>
 );
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/input/demo/textarea-resize.md b/components/input/demo/textarea-resize.md
index 4bf9f9496cf3..df79dfb1c13f 100644
--- a/components/input/demo/textarea-resize.md
+++ b/components/input/demo/textarea-resize.md
@@ -45,5 +45,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/mentions/demo/form.md b/components/mentions/demo/form.md
index 7cd4d7df870e..50078c8603a9 100644
--- a/components/mentions/demo/form.md
+++ b/components/mentions/demo/form.md
@@ -83,5 +83,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/mentions/demo/prefix.md b/components/mentions/demo/prefix.md
index 7723b355ffb0..49ab8b3252c5 100644
--- a/components/mentions/demo/prefix.md
+++ b/components/mentions/demo/prefix.md
@@ -52,5 +52,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/mentions/demo/readonly.md b/components/mentions/demo/readonly.md
index a9a639751373..9934813ff95a 100644
--- a/components/mentions/demo/readonly.md
+++ b/components/mentions/demo/readonly.md
@@ -41,5 +41,5 @@ function App() {
   );
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/menu/demo/horizontal.md b/components/menu/demo/horizontal.md
index 8c6bfb092fd8..e51f768fa9d7 100755
--- a/components/menu/demo/horizontal.md
+++ b/components/menu/demo/horizontal.md
@@ -85,5 +85,5 @@ const App = () => {
   return <Menu onClick={onClick} selectedKeys={[current]} mode="horizontal" items={items} />;
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/menu/demo/inline-collapsed.md b/components/menu/demo/inline-collapsed.md
index e6c730f330b3..be5eae5eaf50 100644
--- a/components/menu/demo/inline-collapsed.md
+++ b/components/menu/demo/inline-collapsed.md
@@ -91,5 +91,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/menu/demo/style-debug.md b/components/menu/demo/style-debug.md
index 5207e6aaf95c..1849de5ade43 100644
--- a/components/menu/demo/style-debug.md
+++ b/components/menu/demo/style-debug.md
@@ -106,5 +106,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/menu/demo/switch-mode.md b/components/menu/demo/switch-mode.md
index b0ad674b007c..f6e1537f6f9c 100755
--- a/components/menu/demo/switch-mode.md
+++ b/components/menu/demo/switch-mode.md
@@ -93,5 +93,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/message/demo/hooks.md b/components/message/demo/hooks.md
index 8d6d46b5461d..954bfca6bb49 100644
--- a/components/message/demo/hooks.md
+++ b/components/message/demo/hooks.md
@@ -38,5 +38,5 @@ function Demo() {
   );
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/modal/demo/async.md b/components/modal/demo/async.md
index b2182906fe1e..c331b1c5c20c 100644
--- a/components/modal/demo/async.md
+++ b/components/modal/demo/async.md
@@ -57,5 +57,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/basic.md b/components/modal/demo/basic.md
index 691d2f5780bc..fe9e8590b124 100644
--- a/components/modal/demo/basic.md
+++ b/components/modal/demo/basic.md
@@ -46,5 +46,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/button-props.md b/components/modal/demo/button-props.md
index 15a3227e35bc..2d39e18ec6f4 100644
--- a/components/modal/demo/button-props.md
+++ b/components/modal/demo/button-props.md
@@ -62,5 +62,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/dark.md b/components/modal/demo/dark.md
index e17e1b8effcd..52c9e0e52eea 100644
--- a/components/modal/demo/dark.md
+++ b/components/modal/demo/dark.md
@@ -592,7 +592,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/modal/demo/footer.md b/components/modal/demo/footer.md
index 94d9977d2e93..367b16a843b7 100644
--- a/components/modal/demo/footer.md
+++ b/components/modal/demo/footer.md
@@ -84,5 +84,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/hooks.md b/components/modal/demo/hooks.md
index fa7510f2e724..1e9be6a59c4d 100644
--- a/components/modal/demo/hooks.md
+++ b/components/modal/demo/hooks.md
@@ -74,5 +74,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/modal-render.md b/components/modal/demo/modal-render.md
index 9340a2a6339e..c9e09e86b219 100644
--- a/components/modal/demo/modal-render.md
+++ b/components/modal/demo/modal-render.md
@@ -120,5 +120,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/position.md b/components/modal/demo/position.md
index db286a39bf78..d18a76c25a8a 100644
--- a/components/modal/demo/position.md
+++ b/components/modal/demo/position.md
@@ -68,5 +68,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/modal/demo/width.md b/components/modal/demo/width.md
index bc71582bdc48..6e8aadc331bd 100644
--- a/components/modal/demo/width.md
+++ b/components/modal/demo/width.md
@@ -40,5 +40,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/notification/demo/hooks.md b/components/notification/demo/hooks.md
index c32e6a88fa7e..b5b2941af8f5 100755
--- a/components/notification/demo/hooks.md
+++ b/components/notification/demo/hooks.md
@@ -63,5 +63,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/pagination/demo/controlled.md b/components/pagination/demo/controlled.md
index c571d63704e2..055c2b68378d 100644
--- a/components/pagination/demo/controlled.md
+++ b/components/pagination/demo/controlled.md
@@ -33,5 +33,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popconfirm/demo/async.md b/components/popconfirm/demo/async.md
index b4e9c06b56c3..06564ae68156 100644
--- a/components/popconfirm/demo/async.md
+++ b/components/popconfirm/demo/async.md
@@ -52,5 +52,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popconfirm/demo/dynamic-trigger.md b/components/popconfirm/demo/dynamic-trigger.md
index 571e5f2f78f6..f11fec29f21d 100755
--- a/components/popconfirm/demo/dynamic-trigger.md
+++ b/components/popconfirm/demo/dynamic-trigger.md
@@ -73,5 +73,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popconfirm/demo/promise.md b/components/popconfirm/demo/promise.md
index a67a254cba34..33017f8fb27b 100644
--- a/components/popconfirm/demo/promise.md
+++ b/components/popconfirm/demo/promise.md
@@ -34,5 +34,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popover/demo/control.md b/components/popover/demo/control.md
index 7621ce24043a..21fc2577487b 100755
--- a/components/popover/demo/control.md
+++ b/components/popover/demo/control.md
@@ -46,5 +46,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/popover/demo/hover-with-click.md b/components/popover/demo/hover-with-click.md
index 513e19179b6f..8bb54ae3f2d1 100644
--- a/components/popover/demo/hover-with-click.md
+++ b/components/popover/demo/hover-with-click.md
@@ -74,5 +74,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/progress/demo/circle-dynamic.md b/components/progress/demo/circle-dynamic.md
index 49722bd6e0df..aaf4466cc38a 100644
--- a/components/progress/demo/circle-dynamic.md
+++ b/components/progress/demo/circle-dynamic.md
@@ -51,5 +51,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/progress/demo/dynamic.md b/components/progress/demo/dynamic.md
index a48519b7fdba..8cde6bede6ff 100644
--- a/components/progress/demo/dynamic.md
+++ b/components/progress/demo/dynamic.md
@@ -51,5 +51,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/progress/demo/gradient-line.md b/components/progress/demo/gradient-line.md
index f16c5593d012..dd92b15c07e1 100644
--- a/components/progress/demo/gradient-line.md
+++ b/components/progress/demo/gradient-line.md
@@ -52,5 +52,5 @@ const Demo = () => (
   </>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/radio/demo/disabled.md b/components/radio/demo/disabled.md
index b2a0f2beba32..8592cd976404 100644
--- a/components/radio/demo/disabled.md
+++ b/components/radio/demo/disabled.md
@@ -45,5 +45,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/radio/demo/radiogroup-more.md b/components/radio/demo/radiogroup-more.md
index 63a57d17559d..b26377588c6e 100644
--- a/components/radio/demo/radiogroup-more.md
+++ b/components/radio/demo/radiogroup-more.md
@@ -46,5 +46,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/radio/demo/radiogroup-options.md b/components/radio/demo/radiogroup-options.md
index 2d09dbc789c6..90d12f7b26af 100644
--- a/components/radio/demo/radiogroup-options.md
+++ b/components/radio/demo/radiogroup-options.md
@@ -93,5 +93,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/radio/demo/radiogroup-with-name.md b/components/radio/demo/radiogroup-with-name.md
index 4d23b6e35903..98b2b95f779e 100644
--- a/components/radio/demo/radiogroup-with-name.md
+++ b/components/radio/demo/radiogroup-with-name.md
@@ -25,5 +25,5 @@ const App = () => (
   </Radio.Group>
 );
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/radio/demo/radiogroup.md b/components/radio/demo/radiogroup.md
index f5998b523d97..bae4da0cce9c 100644
--- a/components/radio/demo/radiogroup.md
+++ b/components/radio/demo/radiogroup.md
@@ -34,5 +34,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/select/demo/coordinate.md b/components/select/demo/coordinate.md
index 44ff9f37af74..dfdd49f388be 100644
--- a/components/select/demo/coordinate.md
+++ b/components/select/demo/coordinate.md
@@ -56,5 +56,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/select/demo/custom-dropdown-menu.md b/components/select/demo/custom-dropdown-menu.md
index 6210c4235aac..4b0f5791baaf 100644
--- a/components/select/demo/custom-dropdown-menu.md
+++ b/components/select/demo/custom-dropdown-menu.md
@@ -60,5 +60,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/select/demo/responsive.md b/components/select/demo/responsive.md
index 2be010cb55d4..c6a76e41c567 100644
--- a/components/select/demo/responsive.md
+++ b/components/select/demo/responsive.md
@@ -54,5 +54,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/select/demo/select-users.md b/components/select/demo/select-users.md
index d82555174988..00adf1eb5755 100644
--- a/components/select/demo/select-users.md
+++ b/components/select/demo/select-users.md
@@ -102,5 +102,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/skeleton/demo/children.md b/components/skeleton/demo/children.md
index f721648a5c31..249f2d057477 100644
--- a/components/skeleton/demo/children.md
+++ b/components/skeleton/demo/children.md
@@ -49,7 +49,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/skeleton/demo/element.md b/components/skeleton/demo/element.md
index e21cf766665d..085efc3ec80f 100644
--- a/components/skeleton/demo/element.md
+++ b/components/skeleton/demo/element.md
@@ -93,5 +93,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/skeleton/demo/list.md b/components/skeleton/demo/list.md
index 19df092bda26..b8a54f9009d1 100644
--- a/components/skeleton/demo/list.md
+++ b/components/skeleton/demo/list.md
@@ -93,7 +93,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/slider/demo/basic.md b/components/slider/demo/basic.md
index 1f91ae6da4e7..b52561212755 100644
--- a/components/slider/demo/basic.md
+++ b/components/slider/demo/basic.md
@@ -37,7 +37,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/slider/demo/reverse.md b/components/slider/demo/reverse.md
index eaee144c0950..64883df04d6f 100644
--- a/components/slider/demo/reverse.md
+++ b/components/slider/demo/reverse.md
@@ -37,5 +37,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/space/demo/gap-in-line.md b/components/space/demo/gap-in-line.md
index 9f873daba523..a89be21860e7 100644
--- a/components/space/demo/gap-in-line.md
+++ b/components/space/demo/gap-in-line.md
@@ -46,5 +46,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/space/demo/wrap.md b/components/space/demo/wrap.md
index 7c111cf1c116..b9c69a5836c2 100644
--- a/components/space/demo/wrap.md
+++ b/components/space/demo/wrap.md
@@ -25,5 +25,5 @@ const Demo = () => (
   </Space>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/steps/demo/clickable.md b/components/steps/demo/clickable.md
index 840f0b2985f8..4fbfd3842380 100644
--- a/components/steps/demo/clickable.md
+++ b/components/steps/demo/clickable.md
@@ -51,5 +51,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/steps/demo/nav.md b/components/steps/demo/nav.md
index 110ec3b6f681..4315867ef3ca 100644
--- a/components/steps/demo/nav.md
+++ b/components/steps/demo/nav.md
@@ -86,7 +86,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/steps/demo/progress-debug.md b/components/steps/demo/progress-debug.md
index 363d3a9071d6..61a92b3ec604 100644
--- a/components/steps/demo/progress-debug.md
+++ b/components/steps/demo/progress-debug.md
@@ -63,5 +63,5 @@ function Demo() {
   );
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/steps/demo/step-next.md b/components/steps/demo/step-next.md
index 4ede4f7f5c1d..b41621fc8e77 100644
--- a/components/steps/demo/step-next.md
+++ b/components/steps/demo/step-next.md
@@ -73,7 +73,7 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/steps/demo/steps-in-steps.md b/components/steps/demo/steps-in-steps.md
index 8ab398f0a1d5..588738f94b3b 100644
--- a/components/steps/demo/steps-in-steps.md
+++ b/components/steps/demo/steps-in-steps.md
@@ -50,5 +50,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/switch/demo/disabled.md b/components/switch/demo/disabled.md
index af04d0729b72..2094e721b042 100644
--- a/components/switch/demo/disabled.md
+++ b/components/switch/demo/disabled.md
@@ -34,5 +34,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/ajax.md b/components/table/demo/ajax.md
index 206b4b1d87c1..2832ae4bf90a 100644
--- a/components/table/demo/ajax.md
+++ b/components/table/demo/ajax.md
@@ -116,5 +116,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/custom-filter-panel.md b/components/table/demo/custom-filter-panel.md
index c4272d91bd70..71addf74d968 100644
--- a/components/table/demo/custom-filter-panel.md
+++ b/components/table/demo/custom-filter-panel.md
@@ -162,5 +162,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/dynamic-settings.md b/components/table/demo/dynamic-settings.md
index 7d2f5a7c7220..2ec0bf50150a 100644
--- a/components/table/demo/dynamic-settings.md
+++ b/components/table/demo/dynamic-settings.md
@@ -253,7 +253,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>
diff --git a/components/table/demo/pagination.md b/components/table/demo/pagination.md
index 4c662c073023..de132201e07b 100644
--- a/components/table/demo/pagination.md
+++ b/components/table/demo/pagination.md
@@ -140,5 +140,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/table/demo/reset-filter.md b/components/table/demo/reset-filter.md
index 13ff3b31cc88..1c0fbd9a07da 100644
--- a/components/table/demo/reset-filter.md
+++ b/components/table/demo/reset-filter.md
@@ -140,5 +140,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/resizable-column.md b/components/table/demo/resizable-column.md
index 5eb105845298..e33315b72d77 100644
--- a/components/table/demo/resizable-column.md
+++ b/components/table/demo/resizable-column.md
@@ -133,7 +133,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/table/demo/row-selection-and-operation.md b/components/table/demo/row-selection-and-operation.md
index 3d1dfc0f30d2..d0efcb43ecd6 100644
--- a/components/table/demo/row-selection-and-operation.md
+++ b/components/table/demo/row-selection-and-operation.md
@@ -86,5 +86,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/row-selection-custom-debug.md b/components/table/demo/row-selection-custom-debug.md
index 20fdf4c99855..0bacb7c42214 100644
--- a/components/table/demo/row-selection-custom-debug.md
+++ b/components/table/demo/row-selection-custom-debug.md
@@ -46,5 +46,5 @@ const App = () => {
   return <Table rowSelection={rowSelection} columns={columns} dataSource={data} />;
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/row-selection-custom.md b/components/table/demo/row-selection-custom.md
index 0ad1bccb4ed4..f6d11279b893 100644
--- a/components/table/demo/row-selection-custom.md
+++ b/components/table/demo/row-selection-custom.md
@@ -94,5 +94,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/table/demo/row-selection.md b/components/table/demo/row-selection.md
index edf1ace950e7..1e9596fe6f68 100644
--- a/components/table/demo/row-selection.md
+++ b/components/table/demo/row-selection.md
@@ -111,5 +111,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/table/demo/sticky.md b/components/table/demo/sticky.md
index 714662e24328..16bb4ce5057b 100644
--- a/components/table/demo/sticky.md
+++ b/components/table/demo/sticky.md
@@ -126,5 +126,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/basic.md b/components/tabs/demo/basic.md
index 9b4625f27967..8a4468b80599 100644
--- a/components/tabs/demo/basic.md
+++ b/components/tabs/demo/basic.md
@@ -36,5 +36,5 @@ const Demo = () => (
   </Tabs>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/centered.md b/components/tabs/demo/centered.md
index 7ff654c47c54..a61892493a05 100644
--- a/components/tabs/demo/centered.md
+++ b/components/tabs/demo/centered.md
@@ -32,5 +32,5 @@ const Demo = () => (
   </Tabs>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/custom-add-trigger.md b/components/tabs/demo/custom-add-trigger.md
index a955f7dc3a46..2421c381b2c3 100644
--- a/components/tabs/demo/custom-add-trigger.md
+++ b/components/tabs/demo/custom-add-trigger.md
@@ -90,5 +90,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/editable-card.md b/components/tabs/demo/editable-card.md
index 748c8fe1c79b..7bceef20ffaf 100644
--- a/components/tabs/demo/editable-card.md
+++ b/components/tabs/demo/editable-card.md
@@ -98,5 +98,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/extra.md b/components/tabs/demo/extra.md
index 5a000c5a9342..bbc01a4f2296 100644
--- a/components/tabs/demo/extra.md
+++ b/components/tabs/demo/extra.md
@@ -83,7 +83,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css
diff --git a/components/tabs/demo/nest.md b/components/tabs/demo/nest.md
index adf81416139d..5363e5675147 100644
--- a/components/tabs/demo/nest.md
+++ b/components/tabs/demo/nest.md
@@ -109,5 +109,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/position.md b/components/tabs/demo/position.md
index c6e684a2b362..aec71b79fd9c 100644
--- a/components/tabs/demo/position.md
+++ b/components/tabs/demo/position.md
@@ -56,5 +56,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tabs/demo/size.md b/components/tabs/demo/size.md
index 3bba1ff9e06b..28b3aa995c9d 100644
--- a/components/tabs/demo/size.md
+++ b/components/tabs/demo/size.md
@@ -61,5 +61,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tag/demo/controlled.md b/components/tag/demo/controlled.md
index 7abacdc9c5ad..b5630a1291ea 100644
--- a/components/tag/demo/controlled.md
+++ b/components/tag/demo/controlled.md
@@ -40,5 +40,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/time-picker/demo/value.md b/components/time-picker/demo/value.md
index e8540278fb82..00e43758b67e 100644
--- a/components/time-picker/demo/value.md
+++ b/components/time-picker/demo/value.md
@@ -27,5 +27,5 @@ const Demo = () => {
   return <TimePicker value={value} onChange={onChange} />;
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/transfer/demo/advanced.md b/components/transfer/demo/advanced.md
index 322445c4352a..a2317385a7d7 100644
--- a/components/transfer/demo/advanced.md
+++ b/components/transfer/demo/advanced.md
@@ -84,5 +84,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/basic.md b/components/transfer/demo/basic.md
index 89b6215223f8..70a2586c77be 100644
--- a/components/transfer/demo/basic.md
+++ b/components/transfer/demo/basic.md
@@ -63,5 +63,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/custom-item.md b/components/transfer/demo/custom-item.md
index cf153f624d14..698c6f200f7a 100644
--- a/components/transfer/demo/custom-item.md
+++ b/components/transfer/demo/custom-item.md
@@ -78,5 +78,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/custom-select-all-labels.md b/components/transfer/demo/custom-select-all-labels.md
index 798fe8e1bcad..dd133c6877f5 100644
--- a/components/transfer/demo/custom-select-all-labels.md
+++ b/components/transfer/demo/custom-select-all-labels.md
@@ -47,5 +47,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/large-data.md b/components/transfer/demo/large-data.md
index 44199c870714..1d9eb1bd9c13 100644
--- a/components/transfer/demo/large-data.md
+++ b/components/transfer/demo/large-data.md
@@ -67,5 +67,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/oneWay.md b/components/transfer/demo/oneWay.md
index 95ef468cae82..f1c737faaeab 100644
--- a/components/transfer/demo/oneWay.md
+++ b/components/transfer/demo/oneWay.md
@@ -87,5 +87,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/search.md b/components/transfer/demo/search.md
index eaa2e5453885..a9f418142e7e 100644
--- a/components/transfer/demo/search.md
+++ b/components/transfer/demo/search.md
@@ -69,5 +69,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
diff --git a/components/transfer/demo/table-transfer.md b/components/transfer/demo/table-transfer.md
index 7b038443c34a..a7cd5c3f00ab 100644
--- a/components/transfer/demo/table-transfer.md
+++ b/components/transfer/demo/table-transfer.md
@@ -157,7 +157,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css
diff --git a/components/transfer/demo/tree-transfer.md b/components/transfer/demo/tree-transfer.md
index e3e98c2fe6b2..4fe7622ca28b 100644
--- a/components/transfer/demo/tree-transfer.md
+++ b/components/transfer/demo/tree-transfer.md
@@ -92,7 +92,7 @@ const App = () => {
   return <TreeTransfer dataSource={treeData} targetKeys={targetKeys} onChange={onChange} />;
 };
 
-export default () => <App />;
+export default App;
 ```
 
 <style>
diff --git a/components/tree-select/demo/async.md b/components/tree-select/demo/async.md
index c613dcf2138e..7480ae93c3ea 100644
--- a/components/tree-select/demo/async.md
+++ b/components/tree-select/demo/async.md
@@ -73,5 +73,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/basic.md b/components/tree-select/demo/basic.md
index 9087d66e7d7f..49277b7c13d7 100644
--- a/components/tree-select/demo/basic.md
+++ b/components/tree-select/demo/basic.md
@@ -48,5 +48,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/checkable.md b/components/tree-select/demo/checkable.md
index 084480290303..1140c5d9833c 100644
--- a/components/tree-select/demo/checkable.md
+++ b/components/tree-select/demo/checkable.md
@@ -81,5 +81,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/multiple.md b/components/tree-select/demo/multiple.md
index c267ba8cb9e5..482fcc12e7af 100644
--- a/components/tree-select/demo/multiple.md
+++ b/components/tree-select/demo/multiple.md
@@ -55,5 +55,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/placement.md b/components/tree-select/demo/placement.md
index 6c3d148ea9e8..4b8f8a2106bc 100644
--- a/components/tree-select/demo/placement.md
+++ b/components/tree-select/demo/placement.md
@@ -60,5 +60,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/suffix.md b/components/tree-select/demo/suffix.md
index b6cc18ff0a85..5714cd64cf1f 100644
--- a/components/tree-select/demo/suffix.md
+++ b/components/tree-select/demo/suffix.md
@@ -58,5 +58,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/treeData.md b/components/tree-select/demo/treeData.md
index 8c7eb4827538..eda685c32af5 100644
--- a/components/tree-select/demo/treeData.md
+++ b/components/tree-select/demo/treeData.md
@@ -62,5 +62,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree-select/demo/treeLine.md b/components/tree-select/demo/treeLine.md
index f20bae8d3883..91dda21893a3 100644
--- a/components/tree-select/demo/treeLine.md
+++ b/components/tree-select/demo/treeLine.md
@@ -52,5 +52,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/basic-controlled.md b/components/tree/demo/basic-controlled.md
index 127aa2305bf2..e1f7c5f39c52 100644
--- a/components/tree/demo/basic-controlled.md
+++ b/components/tree/demo/basic-controlled.md
@@ -100,5 +100,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/basic.md b/components/tree/demo/basic.md
index f76a06c12ebc..2a827e7e7fa8 100644
--- a/components/tree/demo/basic.md
+++ b/components/tree/demo/basic.md
@@ -68,5 +68,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/big-data.md b/components/tree/demo/big-data.md
index eb9785cb643a..428a77ada31c 100644
--- a/components/tree/demo/big-data.md
+++ b/components/tree/demo/big-data.md
@@ -38,5 +38,5 @@ for (let i = 0; i < 100; i += 1) {
 
 const Demo = () => <Tree defaultExpandAll height={400} treeData={treeData} />;
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/directory.md b/components/tree/demo/directory.md
index 279e6d2e7c98..01422d2e3163 100644
--- a/components/tree/demo/directory.md
+++ b/components/tree/demo/directory.md
@@ -57,5 +57,5 @@ const Demo: React.FC<{}> = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/drag-debug.md b/components/tree/demo/drag-debug.md
index c29b14c30b25..c4c436d191ad 100644
--- a/components/tree/demo/drag-debug.md
+++ b/components/tree/demo/drag-debug.md
@@ -181,5 +181,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/draggable.md b/components/tree/demo/draggable.md
index 0cc93891911d..8ebd885bc644 100644
--- a/components/tree/demo/draggable.md
+++ b/components/tree/demo/draggable.md
@@ -137,5 +137,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/dynamic.md b/components/tree/demo/dynamic.md
index b20c8a8d4d28..e630f6c740cb 100644
--- a/components/tree/demo/dynamic.md
+++ b/components/tree/demo/dynamic.md
@@ -73,5 +73,5 @@ const Demo: React.FC<{}> = () => {
   return <Tree loadData={onLoadData} treeData={treeData} />;
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/line.md b/components/tree/demo/line.md
index 1f7d0e087f43..c21e683a977d 100644
--- a/components/tree/demo/line.md
+++ b/components/tree/demo/line.md
@@ -123,5 +123,5 @@ const Demo: React.FC<{}> = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/tree/demo/switcher-icon.md b/components/tree/demo/switcher-icon.md
index a9668b328b90..dbffd4e9ce68 100644
--- a/components/tree/demo/switcher-icon.md
+++ b/components/tree/demo/switcher-icon.md
@@ -84,5 +84,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/typography/demo/ellipsis-debug.md b/components/typography/demo/ellipsis-debug.md
index 3b0a2b5d1b73..d095afda14fc 100644
--- a/components/typography/demo/ellipsis-debug.md
+++ b/components/typography/demo/ellipsis-debug.md
@@ -76,5 +76,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/typography/demo/ellipsis.md b/components/typography/demo/ellipsis.md
index aee3fc474664..8cf495c95872 100644
--- a/components/typography/demo/ellipsis.md
+++ b/components/typography/demo/ellipsis.md
@@ -58,5 +58,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/typography/demo/interactive.md b/components/typography/demo/interactive.md
index 80bb4b4cfaf0..304ac5a245c6 100644
--- a/components/typography/demo/interactive.md
+++ b/components/typography/demo/interactive.md
@@ -150,5 +150,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/typography/demo/suffix.md b/components/typography/demo/suffix.md
index 075c1868dc3e..c1c5c6be1b4d 100644
--- a/components/typography/demo/suffix.md
+++ b/components/typography/demo/suffix.md
@@ -52,5 +52,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/upload/demo/crop-image.md b/components/upload/demo/crop-image.md
index 51b1ad5a191b..50b1d0a3a353 100644
--- a/components/upload/demo/crop-image.md
+++ b/components/upload/demo/crop-image.md
@@ -62,5 +62,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
diff --git a/components/upload/demo/upload-manually.md b/components/upload/demo/upload-manually.md
index ec6b34bdf1e9..f136d1e08de4 100644
--- a/components/upload/demo/upload-manually.md
+++ b/components/upload/demo/upload-manually.md
@@ -95,5 +95,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```