使用React / redux进行两次连续的axios请求的清理

弗兰基

我需要发出axiospost请求以更新列表,然后再发出axiosget请求以获取更新的列表。

我设法用下面的代码进行这些操作,axios(postOptions)那么axios(getOptions)

export function addItem() {
  ...
  return dispatch => {
    axios(postOptions)
      .then(response => {
        dispatch({
          type: ITEM_ADDED,
          payload: response.data
        });
        // getItems(); // <= unfortunately, this doesn't work, so I repeat some code
        axios(getOptions)
          .then(response => {
            dispatch({
              type: ITEMS_FETCHED,
              payload: response.data
            });
          })
          .catch(error => {
          return dispatch(handleError(error))
          });
      })
      .catch(error => {
        return dispatch(handleError(error))
      });
}

该代码有效,但由于已经具有此getItems()功能,因此我重复我自己

export function getItems() {
  ...
  return dispatch => {
    console.log('I am here') // <= when getItems() is inside addItem() function, 'I am here' is never displayed.
    axios(options)
      .then(response => {
        dispatch({
          type: ITEMS_FETCHED,
          payload: response.data
        });
      })
      .catch(error => {
        return dispatch(handleError(error))
      });
  }
}

重用此函数可能会更好,但是当在getItems()函数内部调用该addItem()函数时,它永远不会进入dispatch()

您能帮我找出问题所在吗?

非常感谢。

阿纳斯

getItems是一个redux动作,您需要在dispatch中调用它

dispatch(getItems())

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

每个axios请求在react-redux应用程序中触发两次吗?

来自分类Dev

两次阻止发送请求react-redux(hook)

来自分类Dev

如何连续两次使用对象的值对对象数组进行排序

来自分类Dev

如何连续两次使用比较器?

来自分类Dev

如何连续两次使用比较器?

来自分类Dev

Reducer代码第一次运行,但是连续两次仅执行Actions代码,而没有执行Reducer代码?| React-Native和Redux

来自分类Dev

如果我两次使用相同的react / redux组件,它们会共享状态吗?

来自分类Dev

提交按钮混乱并两次发送请求(使用烧瓶)

来自分类Dev

需要单击两次单选按钮以使用React Hooks进行第二次更改

来自分类Dev

如何使用数组进行两次循环移位

来自分类Dev

如何使用数组进行两次循环移位

来自分类Dev

如何使用Maven进行两次测试?

来自分类Dev

React组件使用useState渲染两次

来自分类Dev

当Redux状态更改时,React-Redux渲染组件在屏幕上出现两次

来自分类Dev

当Redux状态更改时,React-Redux渲染组件在屏幕上出现两次

来自分类Dev

实时连续两次使用某项之间的不同项数

来自分类Dev

两次使用InputStreamReader

来自分类Dev

php使用两次

来自分类Dev

使用react + redux进行休息

来自分类Dev

对数组进行两次排序或使用php对数组进行微调

来自分类Dev

如何在React组件中进行两次条件检查

来自分类Dev

为什么我不能重复使用WebClient两次发出相同的请求?

来自分类Dev

Redux + Hook在useEffect调用动作中两次使用useDispatch()

来自分类Dev

React for循环仅运行两次

来自分类Dev

React UseEffect被调用两次

来自分类Dev

React类组件渲染两次

来自分类Dev

React组件被渲染两次

来自分类Dev

React Hook setstate运行两次

来自分类Dev

React(Preact)渲染两次内容

Related 相关文章

  1. 1

    每个axios请求在react-redux应用程序中触发两次吗?

  2. 2

    两次阻止发送请求react-redux(hook)

  3. 3

    如何连续两次使用对象的值对对象数组进行排序

  4. 4

    如何连续两次使用比较器?

  5. 5

    如何连续两次使用比较器?

  6. 6

    Reducer代码第一次运行,但是连续两次仅执行Actions代码,而没有执行Reducer代码?| React-Native和Redux

  7. 7

    如果我两次使用相同的react / redux组件,它们会共享状态吗?

  8. 8

    提交按钮混乱并两次发送请求(使用烧瓶)

  9. 9

    需要单击两次单选按钮以使用React Hooks进行第二次更改

  10. 10

    如何使用数组进行两次循环移位

  11. 11

    如何使用数组进行两次循环移位

  12. 12

    如何使用Maven进行两次测试?

  13. 13

    React组件使用useState渲染两次

  14. 14

    当Redux状态更改时,React-Redux渲染组件在屏幕上出现两次

  15. 15

    当Redux状态更改时,React-Redux渲染组件在屏幕上出现两次

  16. 16

    实时连续两次使用某项之间的不同项数

  17. 17

    两次使用InputStreamReader

  18. 18

    php使用两次

  19. 19

    使用react + redux进行休息

  20. 20

    对数组进行两次排序或使用php对数组进行微调

  21. 21

    如何在React组件中进行两次条件检查

  22. 22

    为什么我不能重复使用WebClient两次发出相同的请求?

  23. 23

    Redux + Hook在useEffect调用动作中两次使用useDispatch()

  24. 24

    React for循环仅运行两次

  25. 25

    React UseEffect被调用两次

  26. 26

    React类组件渲染两次

  27. 27

    React组件被渲染两次

  28. 28

    React Hook setstate运行两次

  29. 29

    React(Preact)渲染两次内容

热门标签

归档