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

Question

我有一个单独的文件来从 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 组件。

Answer 1

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