无法显示 react-toastify

Question

沙盒：https://codesandbox.io/s/angry-ganguly-6q0q2?file=/src/MessageToast.tsx

通过上面的代码，我尝试使用 redux 显示带有状态的 react-toastify。一旦我从另一个组件单击登录按钮，错误状态将更改为 true 并进入 messageToast 组件中的函数 errorToast() 。但是吐司没有显示出来，需要一些帮助来解决这个问题。谢谢。

Answer 1

Toast 没有显示，因为 redux 存储中的 message 未定义，所以它没有显示消息。

在main.ts，更改：

dispatch(showToast())

到：

dispatch(showToast('message', true))

因为这个动作创建者需要一些参数。 （message 和 isError）。

Sandbox