小编en4*_*4no的帖子

防止重复 toast Chakra UI

我用来chakra防止通知显示(如果它们已经显示了此内容)

\n

但现在我将通知分离到另一个组件中:

\n
import React from \'react\';\nimport { createStandaloneToast } from \'@chakra-ui/react\';\nimport theme from \'../theme\';\n    \nconst Notification = (title, description, status) => {\n    const toast = createStandaloneToast({ theme: theme });\n\n    toast({\n        title: title,\n        description: description,\n        status: status,\n        duration: 3000,\n        position: \'bottom-right\',\n        isClosable: true,\n      });\n\n    return <></>;\n};\n\nexport default Notification;\n
Run Code Online (Sandbox Code Playgroud)\n

在我的组件中,我按如下方式使用它:

\n
import React, { useContext } from \'react\';\n...\n\nconst RemoveToDo = () => {\n    const remove = () => {\n        ...\n        Notification(\'Tarea eliminada.\', \'Has eliminado la …
Run Code Online (Sandbox Code Playgroud)

chakra-ui

5
推荐指数
1
解决办法
2003
查看次数

标签 统计

chakra-ui ×1