Неверная форма данных о возвращаемом действии
- Когда я проверяю свою форму, у меня появляется ошибка 422 с данными: ошибка "неверная форма".
- Тем не менее, мои действия получают мои данные моей формы
- Но не отправляйте мои данные в мой API после звонка.
- Если у кого-то есть идея, я хотел бы понять лучше.
- Всем спасибо
введите описание изображения здесь введите описание изображения здесь
COMPONENT.JS
class CreatGroup extends React.Component{
// function to post
handleFormSubmit = (dataForm) => {
console.log(dataForm, ' DATA FORM')
this.props.dispatch(createPostGroup(dataForm))
}
render() {
// my form
const { handleSubmit, submitting } = this.props
return(
<div>
<form onSubmit={handleSubmit(this.handleFormSubmit)}>
<div>
<Field name="amount" component={renderField} type="number" label="amount" />
</div>
<div>
<Field name="duration" component={renderField} type="number" label="duration" />
</div>
<div>
<Field name="limit_members" component={renderField} type="number" label="max members" />
</div>
<div>
<button type="submit" disabled={submitting}>Submit</button>
</div>
</form>
</div>
)
}
}
CreatGroup = reduxForm({
form:'creat-group'
})(CreatGroup)
ACTIONS.JS
// CONST ACTIONS
const CREATE_GROUP = 'CREATE_GROUP'
//ACTIONS
export function createPostGroup(data){ return { type: CREATE_GROUP, data}};
REDUCER.JS
// REDUCER
export default function groupReducer( state= {}, action){
switch (action.type){
case CREATE_GROUP:
return action.data
case CREATE_GROUP_FAIL:
return {
...state
}
default:
return state
}
}
COMBINE REDUCER.JS
// COMBINE REDUCER
const reducer = combineReducers({
groupReducer,
form: formReducer
});
SAGAS.JS
Может проблема оттуда?
// CALL API
export function* createApiDataGroup(action){
try {
const data = yield call(axios.post, 'http://localhost:8000/api/create');
yield put({ type: "CREATE_GROUP", data })
} catch (e) {
yield put({ type: "CREATE_GROUP_FAIL", e})
}
}
export default function* mySaga() {
yield all([
takeEvery('CREATE_GROUP', createApiDataGroup)
])
}