docs: simplify demo code, #30853 (#35050)

components/affix/demo/basic.md

@@ -38,5 +38,5 @@ const Demo: React.FC = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/affix/demo/debug.md

@@ -35,5 +35,5 @@ const Demo: React.FC = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/affix/demo/target.md

@@ -30,7 +30,7 @@ const Demo: React.FC = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>

components/alert/demo/smooth-closed.md

@@ -32,5 +32,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/avatar/demo/group.md

@@ -66,5 +66,5 @@ const Demo = () => (
   </>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```

components/avatar/demo/toggle-debug.md

@@ -71,5 +71,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/badge/demo/change.md

@@ -74,5 +74,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```

components/badge/demo/no-wrapper.md

@@ -36,5 +36,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/button/demo/loading.md

@@ -81,5 +81,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/calendar/demo/select.md

@@ -47,5 +47,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/card/demo/loading.md

@@ -64,5 +64,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/cascader/demo/multiple.md

@@ -66,5 +66,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/checkbox/demo/check-all.md

@@ -49,5 +49,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/checkbox/demo/controller.md

@@ -70,5 +70,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/collapse/demo/extra.md

@@ -82,5 +82,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```

components/comment/demo/basic.md

@@ -73,7 +73,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css

components/comment/demo/editor.md

@@ -102,5 +102,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/config-provider/demo/direction.md

@@ -559,7 +559,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css

components/config-provider/demo/locale.md

@@ -165,7 +165,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css

components/date-picker/demo/select-in-range.md

@@ -52,5 +52,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/descriptions/demo/responsive.md

@@ -46,5 +46,5 @@ const Demo = () => (
   </div>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```

components/descriptions/demo/size.md

@@ -83,5 +83,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```

components/descriptions/demo/style.md

@@ -69,5 +69,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/drawer/demo/basic-right.md

@@ -39,7 +39,7 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```
 
 <style>

components/drawer/demo/config-provider.md

@@ -49,5 +49,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/drawer/demo/extra.md

@@ -67,5 +67,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/drawer/demo/multi-level-drawer.md

@@ -74,7 +74,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 <style>

components/drawer/demo/no-mask.md

@@ -46,5 +46,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/drawer/demo/placement.md

@@ -69,5 +69,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/drawer/demo/render-in-current.md

@@ -56,7 +56,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css

components/drawer/demo/size.md

@@ -65,5 +65,5 @@ const App: React.FC = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/drawer/demo/user-profile.md

@@ -167,7 +167,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css

components/dropdown/demo/loading.md

@@ -74,5 +74,5 @@ class App extends React.Component {
     );
   }
 }
-export default () => <App />;
+export default App;
 ```

components/empty/demo/config-provider.md

@@ -96,7 +96,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>

components/form/demo/basic.md

@@ -64,5 +64,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/col-24-debug.md

@@ -94,5 +94,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/complex-form-control.md

@@ -125,5 +125,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/control-hooks.md

@@ -104,7 +104,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css

components/form/demo/control-ref.md

@@ -107,7 +107,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css

components/form/demo/customized-form-controls.md

@@ -119,5 +119,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/dep-debug.md

@@ -46,5 +46,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/dynamic-form-items-complex.md

@@ -103,5 +103,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/dynamic-form-items-no-style.md

@@ -62,5 +62,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/dynamic-form-items.md

@@ -63,5 +63,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/form-context.md

@@ -145,7 +145,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 ```css

components/form/demo/global-state.md

@@ -69,7 +69,7 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>

components/form/demo/label-debug.md

@@ -43,5 +43,5 @@ const Demo = () => (
   </Form>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/layout-can-wrap.md

@@ -42,5 +42,5 @@ const Demo = () => (
   </Form>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/nest-messages.md

@@ -65,5 +65,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/ref-item.md

@@ -57,5 +57,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/validate-other.md

@@ -206,5 +206,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/form/demo/warning-only.md

@@ -64,5 +64,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/grid/demo/playground.md

@@ -113,7 +113,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 ```css

components/image/demo/preview-group-visible.md

@@ -38,5 +38,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/image/demo/preview-group.md

@@ -26,5 +26,5 @@ const App = () => (
   </Image.PreviewGroup>
 );
 
-export default () => <App />;
+export default App;
 ```

components/input-number/demo/disabled.md

@@ -41,5 +41,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/input-number/demo/keyboard.md

@@ -33,5 +33,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/input-number/demo/out-of-range.md

@@ -34,5 +34,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/input/demo/autosize-textarea.md

@@ -50,5 +50,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```

components/input/demo/focus.md

@@ -80,5 +80,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/input/demo/group.md

@@ -194,7 +194,7 @@ const App = () => (
   </div>
 );
 
-export default () => <App />;
+export default App;
 ```
 
 ```css

components/input/demo/textarea-resize.md

@@ -45,5 +45,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```

components/mentions/demo/form.md

@@ -83,5 +83,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/mentions/demo/prefix.md

@@ -52,5 +52,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/mentions/demo/readonly.md

@@ -41,5 +41,5 @@ function App() {
   );
 }
 
-export default () => <App />;
+export default App;
 ```

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;
 ```

components/menu/demo/inline-collapsed.md

@@ -91,5 +91,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/menu/demo/style-debug.md

@@ -106,5 +106,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/menu/demo/switch-mode.md

@@ -93,5 +93,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/message/demo/hooks.md

@@ -38,5 +38,5 @@ function Demo() {
   );
 }
 
-export default () => <Demo />;
+export default Demo;
 ```

components/modal/demo/async.md

@@ -57,5 +57,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/modal/demo/basic.md

@@ -46,5 +46,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/modal/demo/button-props.md

@@ -62,5 +62,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/modal/demo/dark.md

@@ -592,7 +592,7 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```
 
 <style>

components/modal/demo/footer.md

@@ -84,5 +84,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/modal/demo/hooks.md

@@ -74,5 +74,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/modal/demo/modal-render.md

@@ -120,5 +120,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/modal/demo/position.md

@@ -68,5 +68,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/modal/demo/width.md

@@ -40,5 +40,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/notification/demo/hooks.md

@@ -63,5 +63,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/pagination/demo/controlled.md

@@ -33,5 +33,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/popconfirm/demo/async.md

@@ -52,5 +52,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/popconfirm/demo/dynamic-trigger.md

@@ -73,5 +73,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/popconfirm/demo/promise.md

@@ -34,5 +34,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/popover/demo/control.md

@@ -46,5 +46,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/popover/demo/hover-with-click.md

@@ -74,5 +74,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/progress/demo/circle-dynamic.md

@@ -51,5 +51,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/progress/demo/dynamic.md

@@ -51,5 +51,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/progress/demo/gradient-line.md

@@ -52,5 +52,5 @@ const Demo = () => (
   </>
 );
 
-export default () => <Demo />;
+export default Demo;
 ```

components/radio/demo/disabled.md

@@ -45,5 +45,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/radio/demo/radiogroup-more.md

@@ -46,5 +46,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/radio/demo/radiogroup-options.md

@@ -93,5 +93,5 @@ class App extends React.Component {
   }
 }
 
-export default () => <App />;
+export default App;
 ```

components/radio/demo/radiogroup-with-name.md

@@ -25,5 +25,5 @@ const App = () => (
   </Radio.Group>
 );
 
-export default () => <App />;
+export default App;
 ```

components/radio/demo/radiogroup.md

@@ -34,5 +34,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/select/demo/coordinate.md

@@ -56,5 +56,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/select/demo/custom-dropdown-menu.md

@@ -60,5 +60,5 @@ const App = () => {
   );
 };
 
-export default () => <App />;
+export default App;
 ```

components/select/demo/responsive.md

@@ -54,5 +54,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/select/demo/select-users.md

@@ -102,5 +102,5 @@ const Demo = () => {
   );
 };
 
-export default () => <Demo />;
+export default Demo;
 ```

components/skeleton/demo/children.md

@@ -49,7 +49,7 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```
 
 <style>

components/skeleton/demo/element.md

@@ -93,5 +93,5 @@ class Demo extends React.Component {
   }
 }
 
-export default () => <Demo />;
+export default Demo;
 ```