代码之家 › 专栏 › 技术社区 › JiteshW

减速动作多发

react-redux redux

JiteshW · 技术社区 · 6 年前

我想从另一个动作中调度一个动作,但不能这样做。当我试图这样做的时候,它找不到 getAllUser 方法。下面是我的动作课。

    export const myActions = {

        getAllUser() {
            return (dispatch) => {
                makeApiCall()
                    .then((response) => {
                        dispatch({
                            type: USER_SUCCESS,
                            payload: response,
                        });
                    })
                    .catch((error) => {
                        dispatch({
                            type: USER_FAILURE,
                            payload: error,
                        });
                    });
            };
        },

        addUser(user) {
            return (dispatch) => {
                makeApiCall(user)
                    .then((response) => {
                        /*
                        Need help here : 
                        wants to call above getAllUser()
                           .then(() => 
                              dispatch({
                                 type: ADD_SUCCESS,
                                 payload: response,
                              });
                            )
                        */
            };
        },
    };

myActions.getAllUser()
    .then((response) => 
       dispatch({
           type: ADD_SUCCESS,
           payload: response,
       });
    );

并尝试直接发送,

        const self = this;
        dispatch(self.getAllUser());
        dispatch({
            type: ADD_SUCCESS,
            payload: response,
        });

还有一个方法可以解决这个问题 addUser 成功,更新reducer,然后从用户界面调用 getAccount 再次刷新结果,但只是好奇如何使用多个分派来实现这一点。

1 回复 | 直到 6 年前

Roy Wang 6 年前

可以单独导出函数,而不是将其包装在同一对象下:

export const getAllUser = () => dispatch => { ... }

export const addUser = () => dispatch => { 
  ... 
  dispatch(getAllUser());
}

如果需要,您仍然可以全部导入:

import * as myActions from '...';

或者你可以申报 getAllUser 先添加到 myActions 但是上面的解决方案要干净得多。

const getAllUser = ...
const myActions = {
  getAllUser,
  addUser = ... { dispatch(getAllUser()) }
}

推荐文章

Piotr Chmielowiec · 组件从一个调度发出两个api调用

2 年前

Mistakamikaze · React Redux |在全局Redux状态之前更新本地状态

2 年前

Storm28 · 错误:函数作为子函数无效。如果从渲染返回组件而不是<Component/>,则可能会发生这种情况

3 年前

Stephen Aranda · 如何使用React在前端UI上显示API响应消息?

3 年前

khalil hajri · 无效的钩子调用。钩子只能在函数组件的主体内部调用(react native)

3 年前

ShaySS · 如果我不需要将数据存储在redux存储中,我是否必须使用redux saga从API获取数据?

3 年前

arya.s · Toast错误消息在React/Redux中多次显示。如何避免?

3 年前

jack · 注销后清除redux商店

3 年前

Emm · 添加CombineReducer后无法读取未定义(读取“map”)的属性

3 年前

MariaT · 如何使用bootstrap 4在折叠菜单后面获取徽章?

6 年前