diff --git a/src/components/SettingDrawer/index.js b/src/components/SettingDrawer/index.js
index f29d875253acef2f5683d149f23907bde1dfd92e..47e1b6c452ea0435e86c0a39aa653a064b051985 100644
--- a/src/components/SettingDrawer/index.js
+++ b/src/components/SettingDrawer/index.js
@@ -20,7 +20,7 @@ const Body = ({ children, title, style }) => (
 );
 
 @connect(({ setting }) => ({ setting }))
-class SettingDarwer extends PureComponent {
+class SettingDrawer extends PureComponent {
   getLayOutSetting = () => {
     const {
       setting: { grid, fixedHeader, layout, autoHideHeader, fixSiderbar },
@@ -233,4 +233,4 @@ class SettingDarwer extends PureComponent {
   }
 }
 
-export default SettingDarwer;
+export default SettingDrawer;
diff --git a/src/layouts/BasicLayout.js b/src/layouts/BasicLayout.js
index c96e64d8f38905ca14b347aff472918f470e7172..ed4b09b0d9ee0b1eac640468802cbe4b0df00765 100644
--- a/src/layouts/BasicLayout.js
+++ b/src/layouts/BasicLayout.js
@@ -10,7 +10,7 @@ import pathToRegexp from 'path-to-regexp';
 import { formatMessage } from 'umi/locale';
 import SiderMenu from '@/components/SiderMenu';
 import Authorized from '@/utils/Authorized';
-import SettingDarwer from '@/components/SettingDarwer';
+import SettingDrawer from '@/components/SettingDrawer';
 import logo from '../assets/logo.svg';
 import Footer from './Footer';
 import Header from './Header';
@@ -202,7 +202,7 @@ class BasicLayout extends React.PureComponent {
             )}
           </ContainerQuery>
         </DocumentTitle>
-        {this.state.rendering ? null : <SettingDarwer />}
+        {this.state.rendering ? null : <SettingDrawer />}
       </React.Fragment>
     );
   }