API呼び出しを行うためにreact-reduxを使用しています。問題は、新しい行を保存/挿入するときにアクションが実行されたら、アクションの結果を取得する方法です
class AddServiceForm extends Component {
handleSaveBtnClick = () => {
const { columns, onSave } = this.props;
let params = new URLSearchParams();
this.props.addServices(params) // i need to find out result of this action???
};
render() {
const {
onModalClose,
onSave,
columns,
validateState,
ignoreEditable
} = this.props;
//const { columns, validateState } = this.props;
return (
<div className="modal-content">
//modal form
</div>
);
}
}
function mapStateToProps(state) {
return {
servicesAdd: state.servicesAdd
};
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(
{ addServices },
dispatch
);
}
コードはオンラインhttps://codesandbox.io/s/o5430k7p4zで、問題のファイルはcomponents/services/index.js