45
rated 0 times
[
52]
[
7]
/ answers: 1 / hits: 33529
/ 9 Years ago, thu, october 15, 2015, 12:00:00
I want to show different notification bars for success/error responses,
I pass two callBacks to an redux async action in my react component like this:
<Button
onClick={e => this.props.actions.asyncAction(item, this.showSuccessBar, this.showErrorBar)}
/>
where asyncAction looks like this:
export function asyncAction(item, successCallback, errorCallback) {
return (dispatch, getState) => {
dispatch(requestItem(item));
return fetch(api.some_url/items/item)
.then(response => response.json())
.then(json => {
if (json.success) {
dispatch(receivePostsSuccess(reddit, json));
successCallback();
} else {
dispatch(receivePostsFail(reddit, json));
errorCallback();
}
});
}
};
}
Is this considered against the pattern?
in other words, Should Notification Bars open according to the state change instead of callBacks?
More From » reactjs