fix: toast in taro environment

jdf2e · Dec 11, 2024 · 87dff85 · 87dff85
1 parent fb9e2f0
commit 87dff85
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/src/packages/empty/demos/taro/demo7.tsx b/src/packages/empty/demos/taro/demo7.tsx
@@ -1,22 +1,25 @@
 import React from 'react'
-import { Empty, Toast } from '@nutui/nutui-react'
+import { Empty, Toast } from '@nutui/nutui-react-taro'
 
 const Demo7 = () => {
   return (
-    <Empty
-      status="error"
-      description="加载失败"
-      style={{ marginBottom: '20px' }}
-      actions={[
-        {
-          text: 'Action',
-          type: 'info',
-          onClick: () => {
-            Toast.show({ title: 'Action Click!' })
+    <>
+      <Toast id="toast-empty" />
+      <Empty
+        status="error"
+        description="加载失败"
+        style={{ marginBottom: '20px' }}
+        actions={[
+          {
+            text: 'Action',
+            type: 'info',
+            onClick: () => {
+              Toast.show('toast-empty', { title: 'Action Click!' })
+            },
           },
-        },
-      ]}
-    />
+        ]}
+      />
+    </>
   )
 }
 export default Demo7