时间戳

首页 > 解决方案 > React + Redux + JS SDK 事件

reactjs - React + Redux + JS SDK 事件

问题描述

我正在使用一个 JS SDK，它有一个在有人评论时触发的事件，该事件将返回一些我想存储在 redux 中的数据，每当 SDK 触发该事件时更新我的​​ redux 状态的最佳方法是什么。

用 react + redux 做到这一点的最佳方法是什么。我只想处理一次这个逻辑。我会做一个容器吗？

标签： reactjsreduxreact-reduxredux-thunk

解决方案

当事件返回数据时，您必须以action creator数据作为参数进行调用。因此，您的动作创建函数如下所示：

export const addData = (data) => {
    return {
       type: SAVE_DATA
       payload: data
    };
};

然后在 reducer 中更新状态。你的 reducer 函数应该是这样的：

export const reducerFunction = (state, action) => {
    switch (action.type) {
        case 'SAVE_DATA':
            return action.payload.data;
    }
}

在 dispatchToProps 中添加 action creator，并在事件返回数据时调用：this.props.addData(data)

推荐阅读