Как mapStatetoProps получает несколько действий отправки?
Я отправляю несколько действий и связываю их с избыточностью.Но проблема в том, что this.props.pageData
, упомянутый в mapStatetoProps
, получает только данные второго действия .
function mapStateToProps(state){
return {
pageData: state.posts.arr
};
};
function loadData(store){
return Promise.all([
store.dispatch(fetchNews() ),
store.dispatch(fetchEvents() )
])
}
export default {
loadData,
component: connect(mapStateToProps, { fetchNews , fetchEvents})(HomePage)
};
И редуктор :
export default function(state = {
posts: null
}, action){
switch(action.type){
case 'FETCH_POSTS':
return {...state, arr: action.payload || false};
default:
return state;
}
}
Действия выглядят следующим образом (это вызов API):
export const fetchNews = () => async (dispatch, getState, api) => {
await api.get('/myAPI').then(response => {
dispatch({
type: 'FETCH_POSTS',
payload: response.data
})
}).catch((err) => {
console.log('actions/index.js error', err);
})
};
Как мне сопоставить действия как конкретное имя реквизита с mapStatetoProps?