【问题标题】:How to show snackbar on request success, failure in Redux?如何在 Redux 中请求成功、失败时显示快餐栏?
【发布时间】:2017-09-14 03:57:54
【问题描述】:

我正在使用material-ui、React、Redux,我想在请求成功、失败时显示snackbar,我很困惑我在哪里创建显示和隐藏snackbar的标志,任何帮助都会非常有用!!

【问题讨论】:

    标签: reactjs redux material-ui snackbar


    【解决方案1】:

    您的商店中应该有一些状态跟踪小吃店。例如:

    {
        notification: null,
    }
    

    在应用程序的根目录中呈现的组件应 connect 到商店的这一部分。

    无论何时您想要显示/隐藏通知、调度和操作以更改跟踪通知的状态。

    【讨论】:

    • 是的,但这是正确的方法吗?因为每当我们调度一个动作时,所有的组件都会被渲染。
    • 是的,这是正确的方法,不要太担心重新渲染,因为 React 在最小化实际 DOM 更改方面做得很好。请记住,组件是使用 virtual DOM 呈现的
    • 是的,你是对的,虚拟 DOM 太快了,但我不想重新渲染孔组件。
    • 您无法选择触发新的渲染。这就是Provider 的工作方式,但您可以要求高级组件不要使用shouldComponentUpdate (doc) 启动其子级渲染。这就是你的解决方案。
    猜你喜欢
    • 2017-12-26
    • 1970-01-01
    • 2023-03-10
    • 1970-01-01
    • 1970-01-01
    • 2020-12-12
    • 1970-01-01
    • 2018-06-03
    • 2020-07-11
    相关资源
    最近更新 更多