Faça a validação do servidor usando redux-form e Fetch API
Como fazer a validação do lado do servidor usandoforma redux e buscar API? Tem "Enviar validação"demo fornecida nos documentos que afirmam que a maneira recomendada de validação no servidor é retornar uma promessa da função onSubmit. Mas onde devo fazer essa promessa? Como eu entendi, a função onSubmit deve ser minha ação.
<form onSubmit={this.props.addWidget}>...
Onde this.props.addWidget é realmente minha ação, fornecida abaixo.
import fetch from 'isomorphic-fetch';
...
function fetchAddWidget(widget, workspace) {
return dispatch => {
dispatch(requestAddWidget(widget, workspace));
return fetch.post(`/service/workspace/${workspace}/widget`, widget)
.then(parseJSON)
.then(json => {
dispatch(successAddWidget(json, workspace));
DataManager.handleSubscribes(json);
})
.catch(error => popupErrorMessages(error));
}
}
export function addWidget(data, workspace) {
return (dispatch, getState) => {
return dispatch(fetchAddWidget(data, workspace));
}
}
Como você vê, eu uso a API de busca. Eu esperava que a busca retornasse a promessa e a forma redux a capturasse, mas isso não funciona. Como fazê-lo funcionar com promessa deexemplo?
Também da demonstração, não consigo entender o que deve ser fornecido na função this.props.handleSubmit. Demo não explica esta parte, quanto a mim.