2016-04-15 4 views
0

Подходит ли код под правильным подходом к предоставлению POST-запросов в дизайне приложения redux?Как обеспечить действие POST Redux

Код woks отлично, но я не уверен, что это архитектура по любой причине.

export const SITES_RECEIVED = 'SITES_RECEIVED'; 

//@private 
function sitesReceived(sites) { 
    return { 
    type: SITES_RECEIVED, 
    sites: sites 
    }; 
} 

//@public 
export const sitesFetch =() => { 
    return dispatch => { 

    fetch('http://localhost:3000/') 
     .then(function(response) { 
     return response.text(); 
     }).then(function(body) { 
     return JSON.parse(body); 
     }).then(function(json) { 
     dispatch(sitesReceived(json)); 
     }) 
    }; 
} 

Требования: перевождь, Redux-санк

+0

Это возможный способ сделать это. Твой подход прекрасен. – Florent

ответ

0

Right. Нет проблем.
Этот подход приведен в официальной документации Redux. http://redux.js.org/docs/advanced/AsyncActions.html#async-action-creators

+0

Да, я пытался уменьшить официальную документацию до абсолютного минимального кода. Я удивлен, что в AJAX-вызове как наиболее распространенной проблеме есть так мало примеров в Интернете. –

+1

Uh, Redux не является типичной структурой полного стека и фокусируется на управлении государством, это не является серьезной проблемой для структуры. Если вам нужна архитектура для создания приложения, содержащего более сложные запросы AJAX, пожалуйста, подумайте об использовании [Middleware] (http://redux.js.org/docs/advanced/Middleware.html) или [redux-saga] (https://github.com/yelouafi/redux-saga). – kuy

Смежные вопросы