Flux Actions 到 Redux Actions 的转换

Posted

技术标签:

【中文标题】Flux Actions 到 Redux Actions 的转换【英文标题】:Flux Actions to Redux Actions Conversion 【发布时间】:2017-09-18 19:24:26 【问题描述】:

您好,我有一个动作设置,但它在不断变化,我需要重构它以匹配 Redux 动作。

对于将两者都迁移到 redux 的任何帮助,我们将不胜感激。

【问题讨论】:

您的实际问题是什么?您能否编辑您的问题以仅显示您在不断变化的操作的一个示例,以及您如何在 redux 中执行此操作,以及您遇到的问题? @AndyRay 所以我正在从flux转换为redux,我如何使用我的绑定函数,就像这个reducer和redux一样? Anad 我将如何在 redux 中处理 this.emit("change")? 【参考方案1】:

从 cmets 回答您的问题;

如何在这个 reducer 中使用我的绑定函数和 redux? Anad 我将如何在 redux 中处理 this.emit("change")?

在 redux 中,您将组件连接到 Redux 状态,如下所示:

ReduxEnabledComponent = ReactRedux.connect(
    function(state) 
        return 
            someProp: state.someProp
        ,
    
        someAction: function()
            return type: 'action_type', data: 
        
    
)(Component);

上面的代码将使用一个名为 Component 的组件并将其连接到 Redux Store。该组件将接收 someProp 的 props,这是 Redux Store 的值,以及 someAction,这是一种用于向 store 发出请求的方法。

【讨论】:

以上是关于Flux Actions 到 Redux Actions 的转换的主要内容,如果未能解决你的问题,请参考以下文章

第3章 从Flux到Redux

从Flux到Redux详解单项数据流

前端技术栈:从Flux到Redux

为啥要在 Flux 中使用 Actions?

React:如何从 Redux/Flux 操作访问组件引用?

关于flux redux vuex 的区别?