From 87d32a7a3da3814771cd27276ec527a5db05bd40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Wed, 24 Jun 2020 18:58:27 +0800
Subject: [PATCH] fix: Menu SubMenu background in dark theme (#25205)

close #25202
---
 components/menu/__tests__/__snapshots__/demo.test.js.snap | 2 +-
 components/menu/demo/horizontal.md                        | 7 +++----
 components/menu/demo/theme.md                             | 4 +---
 components/menu/style/dark.less                           | 1 +
 4 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/components/menu/__tests__/__snapshots__/demo.test.js.snap b/components/menu/__tests__/__snapshots__/demo.test.js.snap
index 493de25fac..c1f066f879 100644
--- a/components/menu/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/menu/__tests__/__snapshots__/demo.test.js.snap
@@ -1156,7 +1156,7 @@ Array [
           Option 3
         </li>
         <li
-          class="ant-menu-item ant-menu-item-danger ant-menu-item-only-child"
+          class="ant-menu-item ant-menu-item-only-child"
           role="menuitem"
           style="padding-left:48px"
         >
diff --git a/components/menu/demo/horizontal.md b/components/menu/demo/horizontal.md
index e52a93c341..d6fce9b666 100755
--- a/components/menu/demo/horizontal.md
+++ b/components/menu/demo/horizontal.md
@@ -26,14 +26,13 @@ class App extends React.Component {
 
   handleClick = e => {
     console.log('click ', e);
-    this.setState({
-      current: e.key,
-    });
+    this.setState({ current: e.key });
   };
 
   render() {
+    const { current } = this.state;
     return (
-      <Menu onClick={this.handleClick} selectedKeys={[this.state.current]} mode="horizontal">
+      <Menu onClick={this.handleClick} selectedKeys={[current]} mode="horizontal">
         <Menu.Item key="mail" icon={<MailOutlined />}>
           Navigation One
         </Menu.Item>
diff --git a/components/menu/demo/theme.md b/components/menu/demo/theme.md
index 55e01b3c2e..6118ef7458 100755
--- a/components/menu/demo/theme.md
+++ b/components/menu/demo/theme.md
@@ -61,9 +61,7 @@ class Sider extends React.Component {
             <Menu.Item key="1">Option 1</Menu.Item>
             <Menu.Item key="2">Option 2</Menu.Item>
             <Menu.Item key="3">Option 3</Menu.Item>
-            <Menu.Item key="4" danger>
-              Option 4
-            </Menu.Item>
+            <Menu.Item key="4">Option 4</Menu.Item>
           </SubMenu>
           <SubMenu key="sub2" icon={<AppstoreOutlined />} title="Navigation Two">
             <Menu.Item key="5">Option 5</Menu.Item>
diff --git a/components/menu/style/dark.less b/components/menu/style/dark.less
index 67dfab7e94..ca3d11a1ad 100644
--- a/components/menu/style/dark.less
+++ b/components/menu/style/dark.less
@@ -1,6 +1,7 @@
 .@{menu-prefix-cls} {
   // dark theme
   &&-dark,
+  &-dark &-sub,
   &&-dark &-sub {
     color: @menu-dark-color;
     background: @menu-dark-bg;