언제 Redux에서 fetch()가 발생합니까?

Question

내 fetch() 함수의 실행을 제어하는 ​​데 문제가 있습니다. 특히 사용자가 스팸 fetch() 요청을 보내지 않도록하고 싶습니다.

내 생각은 미들웨어의 내부를 수행했지만, 시간 페치와 액션()는 페이로드가 이미 약속이 가져옵니다.

그래서 제 질문은, 때 정확하게 인출 않습니다()가 이미 실행하세요? 이 중요한 경우

후 내 코드는 대략 다음과 같습니다.

부모 조치 :

{ 
    return (dispatch) => { 
    if (mode === 'MY') { 
     dispatch(myAction(...); 
    } 

    dispatch(someOtherAction(...)); 
    } 
} 

내 조치 :

{ 
    type: 'TYPE', 
    promise: post(url, payload) 
} 

내 포스트 방법 :

{ 
    console.log('sending POST'); 

    return fetch(url, { 
    //fetch info 
    }); 
} 

내 미들웨어 :

{ 
    return next => action => { 

    const { promise, //other fields } = action; 
    //Already a promise here. 

    if (!promise) { 
     return next(action); 
    } 

    return promise.then(
     //Processing data 
    ); 
    }; 
} 

Answer 1

내 생각은 미들웨어의 내부를 수행했지만, 시간 페치와 액션()는 페이로드가 이미 약속이 가져옵니다.

이 문제를 해결하기 위해 작업 내에서 수표로 사용합니다. 따라서 가져 오기 요청을 실행하면 가져 오기가 현재 실행중인 작업을 보내고 상태를 fetching = true으로 업데이트하십시오. 그런 다음 가져 오기를 사용해야하는 다른 작업에서 해당 상태를 확인하고 사실이면 아무 것도 반환하지 않습니다. 그 즉시 물론

당신이 행동 작성자 전화

라고 :

는 귀하의 코멘트에 대답합니다. 디스패치를 ​​호출하면 함수가 실행됩니다 (redux-thunk를 사용하는 경우). 이제는 redux-thunk가 미들웨어이기 때문에 미들웨어를 부착 한 주문에 따라 실행됩니다. 그래서 당신이 redux thunk 전에 셋업에 자신의 미들웨어를 넣으면, 그 전에 실행될 것입니다.

const store = createStore(
    combineReducers(reducers), 
    applyMiddleware(yourMiddleware, ReduxThunk) 
); 

그렇지 않으면 이해가 정확합니다. 액션은 dispatch를 호출 한 직후에 발생합니다. 미들웨어를 순서대로 처리 한 다음 작업 정보를 감속기로 전달합니다. 돌아 오는 워드 프로세서를 통해 읽기