Redux промежуточного слоя с обратным вызовом

Question

мне очень нравится идея иметь действия, написанные, как это:

function signUp(data, callback) { 
return { 
    [CALL_API]: { 
     type: 'SOME_TYPE', 
     url: `/api/account/signup`, 
     method: 'POST', 
     data: data 

    } 
    } 
} 

Но вещи, как signUp я не хочу, чтобы изменить/трогайте магазин получить обратный вызов от сервера

---

В моем компоненте Реагировать у меня есть действие, которое вызывает апи через действие и изменяет состояние.

this.signUp($(form).serialize(), function(data) { this.setState({response: data}); }.bind(this)) 

и действие signUp выглядит следующим образом

function signUp(data, callback) { 
postRequest(
    '/api/account/signup', 
    data, 
    'POST', 
    callback) 
} 


function postRequest(url, data, method, callback) { 
callback(true); //// just testing 
} 

Как вы можете видеть, синтаксис и длину кода довольно не по сравнению с первым один

---

Вопрос: Есть ли способ модифицировать промежуточное ПО сокращения или иметь альтернативную функцию JSON ion (аналогично CALL_API), чтобы принимать обратные вызовы к компоненту, не касаясь магазина? Я действительно хочу, чтобы использовать CALL_API синтаксис :)

Answer 1

Вы можете написать промежуточное программное обеспечение для перехвата действий и выполнить некоторую работу без изменения состояния хранилища.

// Action creator  
function signUp(data, callback) { 
    return { 
     type: CALL_API 
     url: '/api/account/signup', 
     method: 'POST', 
     data: data, 
     callback: callback 
    } 
} 

// Middleware 
const actionInterceptor = store => next => action => { 
    if (action.type === CALL_API) { 
     postRequest(action.url, action.method, action.data, action.callback); 
    } 
    else { 
     return next(action); 
    } 
} 

... 

const store = createStore(reducer, initialState, applyMiddleware(actionInterceptor)); 

Answer 2

Мне очень нравится идея иметь действия письменной, как это:

...

Но вещь, как SIGNUP я не хочу, чтобы изменить/коснитесь магазина, чтобы получить обратный вызов с сервера

Хорошо, но зачем использовать сокращение для этого?

То, что я понял:
вы хотели бы назвать dispatch(signUp(data, callback)) (упрощенный)

Ваш SIGNUP actionCreator должен выглядеть следующим образом:

function signUp(data, callback) { 
    return function(dispatch) { 
    //.. do your stuff with data.. 
    //.. and call your callback or pass it to another function 
    } 
} 

Извините, если не поняли вашу проблему, пожалуйста, напишите, если что-то комментарий пока неясно.