Этот фрагмент кода работает правильно в приложении, которое использует redux-thunk.Я скопировал его в response-admin, и он перестал работать.Я думаю, причина в том, что response-admin не использует redux-thunk, однако я не мог понять, как настроить его или сагу для обработки этой функции.
Ошибка происходит здесь: this.props.loadPages().then((pages) => {
,
После полного кода:
Реакционная составляющая:
componentDidMount() {
this.props.loadPages().then((pages) => { <<<<-- Here the error
let pictureResults = [];
pages.forEach((page) => {
pictureResults.push(this.props.loadPagePicture(page));
})
return Promise.all(pictureResults);
}).finally(() => {
this.setState(() => ({ loading: false }));
});
}
Действие:
export const setPages = (pages) => ({
type: 'SET_PAGES',
pages
});
export const loadPages = () => {
return (dispatch) => {
return new Promise((resolve, reject) => {
window.FB.api('/me/accounts', (response) => {
let pages = [];
if (response) {
if (response.error) {
reject(response.error);
return;
}
pages = response.data;
}
dispatch(setPages(pages));
resolve(pages);
});
});
};
};