docs: simplify demo code, #30853

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