我用来chakra防止通知显示(如果它们已经显示了此内容)。
但现在我将通知分离到另一个组件中:
\nimport 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;\nRun Code Online (Sandbox Code Playgroud)\n在我的组件中,我按如下方式使用它:
\nimport 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 ×1