diff --git a/components/alert/demo/smooth-closed.md b/components/alert/demo/smooth-closed.md
index af5720b9c9..e28446f0e9 100644
--- a/components/alert/demo/smooth-closed.md
+++ b/components/alert/demo/smooth-closed.md
@@ -18,16 +18,16 @@ import { Alert } from 'antd';
 
 class App extends React.Component {
   state = {
-    visiable: true,
+    visible: true,
   }
   handleClose = () => {
-    this.setState({ visiable: false });
+    this.setState({ visible: false });
   }
   render() {
     return (
       <div>
         {
-          this.state.visiable ? (
+          this.state.visible ? (
             <Alert
               message="Alert Message Text"
               type="success"