🎬 improve dropdown demos in mobile (#21312)

close #21267

components/dropdown/__tests__/__snapshots__/demo.test.js.snap

@@ -3,7 +3,6 @@
 exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
 >
   Hover me 
   <span
@@ -226,7 +225,6 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
 exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
 >
   Hover me, Click menu item 
   <span
@@ -255,7 +253,6 @@ exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
 exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
 >
   Hover me 
   <span
@@ -284,7 +281,6 @@ exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
 exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
 >
   Hover to check menu style 
   <span
@@ -313,7 +309,6 @@ exports[`renders ./components/dropdown/demo/menu-full.md correctly 1`] = `
 exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
 >
   Hover me 
   <span
@@ -396,7 +391,6 @@ exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
 exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
 >
   Cascading menu 
   <span
@@ -425,7 +419,6 @@ exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
 exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
 >
   Click me 
   <span

components/dropdown/demo/basic.md

@@ -39,7 +39,7 @@ const menu = (
 
 ReactDOM.render(
   <Dropdown overlay={menu}>
-    <a className="ant-dropdown-link" href="#">
+    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
       Hover me <DownOutlined />
     </a>
   </Dropdown>,

components/dropdown/demo/event.md

@@ -31,7 +31,7 @@ const menu = (
 
 ReactDOM.render(
   <Dropdown overlay={menu}>
-    <a className="ant-dropdown-link" href="#">
+    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
       Hover me, Click menu item <DownOutlined />
     </a>
   </Dropdown>,

components/dropdown/demo/item.md

@@ -38,7 +38,7 @@ const menu = (
 
 ReactDOM.render(
   <Dropdown overlay={menu}>
-    <a className="ant-dropdown-link" href="#">
+    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
       Hover me <DownOutlined />
     </a>
   </Dropdown>,

components/dropdown/demo/menu-full.md

@@ -83,7 +83,7 @@ const menu = (
 
 ReactDOM.render(
   <Dropdown overlay={menu}>
-    <a className="ant-dropdown-link" href="#">
+    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
       Hover to check menu style <DownOutlined />
     </a>
   </Dropdown>,

components/dropdown/demo/overlay-visible.md

@@ -46,7 +46,7 @@ class OverlayVisible extends React.Component {
         onVisibleChange={this.handleVisibleChange}
         visible={this.state.visible}
       >
-        <a className="ant-dropdown-link" href="#">
+        <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
           Hover me <DownOutlined />
         </a>
       </Dropdown>

components/dropdown/demo/sub-menu.md

@@ -36,7 +36,7 @@ const menu = (
 
 ReactDOM.render(
   <Dropdown overlay={menu}>
-    <a className="ant-dropdown-link" href="#">
+    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
       Cascading menu <DownOutlined />
     </a>
   </Dropdown>,

components/dropdown/demo/trigger.md

@@ -32,7 +32,7 @@ const menu = (
 
 ReactDOM.render(
   <Dropdown overlay={menu} trigger={['click']}>
-    <a className="ant-dropdown-link" href="#">
+    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
       Click me <DownOutlined />
     </a>
   </Dropdown>,