由于 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 调用。