时间戳

首页 > 解决方案 > 如何使用 Axios 获取数据并将其存储在 Redux 存储中？

reactjs - 如何使用 Axios 获取数据并将其存储在 Redux 存储中？

问题描述

我有一个单独的文件来从 Api 和

const FetchLanguageList = () => {
  const [isLanguage, setIsLanguage] = useState(true);

  API.get(`en/restaurants/1/languages`)
    .then((res) => {
      console.log(res.data);
    })
    .catch((err) => {
      console.warn(err);
    });
};

export default FetchLanguageList;

如何存储console.log(res.data)到我的 redux 商店？现在我的商店里什么都没有，并且有默认的模板计数器切片。
我想获取 API 数据并将其存储在 redux 存储中，然后将数据发送到我的 UI 组件。

标签： reactjsreduxreact-reduxaxiosredux-toolkit

解决方案

您可以在此函数内部进行 API 调用，并将接收到的数据发送到您的 redux 存储，或者您可以使用 redux-thunk 或 redux-sagas 之类的东西来获取您的调度内部的数据（我会推荐它将简化组件内部的逻辑）

推荐阅读