diff --git a/components/toast/index.tsx b/components/toast/index.tsx
index 206f25f9c11..bab6ce78020 100644
--- a/components/toast/index.tsx
+++ b/components/toast/index.tsx
@@ -3,6 +3,7 @@ import topView from 'rn-topview';
 import ToastContainer from './ToastContainer';
 
 function notice(content, type, duration = 3, onClose, mask = true) {
+  topView.remove();
   topView.set(
     <ToastContainer
       content={content}
diff --git a/components/toast/index.web.tsx b/components/toast/index.web.tsx
index b473e1ff71f..a6685fe0f04 100644
--- a/components/toast/index.web.tsx
+++ b/components/toast/index.web.tsx
@@ -8,6 +8,10 @@ let messageInstance;
 let prefixCls = 'am-toast';
 
 function getMessageInstance(mask) {
+  if (messageInstance) {
+    messageInstance.destroy();
+    messageInstance = null;
+  }
   messageInstance = (Notification as any).newInstance({
     prefixCls,
     style: { top: (mask ? 0 : '50%')  },