React / Redux-使用Thunk将JSON数据从一个API调用传递到另一个Redux操作

Question

我是Redux的新手，正在向Spotify API发送API请求。我正在使用Thunk，并有一个名为FetchCurrentlyPlaying的操作，该操作将获取正在播放的当前歌曲。

在此API调用返回的JSON中，有一个标识艺术家的ID号。当我在FetchCurrentlyPlaying中检索此JSON数据时，我想将此ID号传递给另一个Redux操作FetchAlbums。

然后，

FetchAlbums将向Spotify API发送另一个API请求，并将当前正在播放的艺术家的ID传递给URL。这将检索该艺术家的其他专辑。

如何将ID从一个操作传递给另一个操作？

Answer 1

您可以从重击中调度其他动作

const FetchAlbums = albumId => dispatch => axios(albumId)
  .then((data) => {
    dispatch(setAlbum(data));
  });

const FetchCurrentlyPlaying = song => dispatch => axios(song)
  .then((data) => {
    dispatch(setSong(data));
    dispatch(FetchAlbums(data.albumId));
  });