React / Redux - передача данных JSON из одного вызова API в другое действие Redux с помощью Thunk

Question

Я новичок в Redux и отправляю запрос API в Spotify API. Я использую Thunk и у меня есть действие под названием FetchCurrentlyPlaying, которое выбирает текущую песню, которая воспроизводится.

В JSON, возвращаемом из этого вызова API, есть идентификационный номер, который идентифицирует исполнителя. Когда я получаю эти данные JSON в FetchCurrentlyPlaying, я хочу передать этот идентификатор другому действию Redux, FetchAlbums.

FetchAlbums затем отправит еще один запрос API в Spotify API и передаст URL-адрес идентификатора текущего исполнителя. Это позволит найти другие альбомы этого исполнителя.

Как передать идентификатор из одного действия в другое?

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));
  });