【问题标题】:Should I use dispatch on return type of action in reactjs?我应该在reactjs中对返回类型的动作使用调度吗?
【发布时间】:2017-11-03 20:02:35
【问题描述】:

我对使用 dispatch 感到困惑。请看我下面的代码。

export function getUserInfo(isDeviceinfo) {
    return (dispatch) => {
        dispatch({
            type: REQUEST_DEVICE_MODEL_RESET,
            isDeviceinfo,
        });
    };
}

export function getUserInfo(isDeviceinfo) {
    return => {
        type: REQUEST_DEVICE_MODEL_RESET,
        isDeviceinfo,
    };
}

现在我应该使用哪一个。请建议我。

【问题讨论】:

  • 你的第二个例子不是有效的语法——如果你想返回一个零参数箭头函数,你需要写() => {}。如果您打算返回一个对象,请删除 =>

标签: reactjs redux store redux-thunk


【解决方案1】:

如果你不需要执行任何异步操作使用这个,

export function getUserInfo(isDeviceinfo) {
      return{
             type: REQUEST_DEVICE_MODEL_RESET,
             isDeviceinfo,
         };
    }

如果您需要执行异步操作,请使用 dispatch。

function getUserInfo(isDeviceinfo) {
    return (dispatch)=>{
       //perform a async operation like this http call
        return fetch(SOME_URL).then(j=>j.json()).then((d)=>{
             dispatch({
                 type: REQUEST_DEVICE_MODEL_RESET,
                 isDeviceinfo,
             })
        })


    }
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-12-30
    • 2013-04-16
    相关资源
    最近更新 更多