如何解决由于 redux 表单存储更新晚
我有条件地更改 redux 存储中的一个值,然后立即调用 API。 但是到 API 响应未决时,该值仍然为空。 如何调用在我的负载中具有该值的 API?
(我使用的是 redux 表单)
useEffect(() => {
if(amount <= SMALL_AMOUNT){
props.changeFormValue('term',50);
}
},[props,amount]);
///////////////////////////////////////////////////////////////
const getSecuredLoanValues = async({
termValue= _get(formValues,'term',null),....
....
}) => {
const payload= {
term_in_months: termValue,....
....
};
....
....
}
///////////////////////////////////////////////////////////////
<Field
name="term"
component={Terms}
label="TERM"
/>
///////////////////////////////////////////// /////////////////
const mapdispatchToProps = (dispatch) => ({
changeFormValue: (field,value) => {
dispatch(change(FORMS_NAME.LOAN_FORM,field,value))
},changeGlobalFormValue: (field,value) => {
dispatch(change(FORMS_NAME.ACCESS_SEEKER_GLOBAL,});
因此,当我控制台日志 term 时,我可以看到它最初为 null,然后变为 50。 到那时 API 调用已经完成,我的有效负载缺少术语
解决方法
在进行 API 调用之前检查 term
是否不是 null
,然后进行 API 调用。
将 useEffect
与包含 term
的依赖数组一起使用,并通过 useEffect
进行 API 调用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。