Я использую Redux-Form и пытаюсь получить значения формы, когда пользователь нажимает Отправить.
Это реквизит внешней формы. Как видите, есть функции отправки:
- onSubmit
- onSubmitSuccess
- onSubmitFail
onSubmitSucess
и onSubmitFail
никогда не вызываются. onSubmit
вызывается, но без аргументов.
Все, что я хочу, это получить значения формы, чтобы я мог отправить их в API.
Как я могу это сделать?
ИЗМЕНИТЬ (код)
AutoFormInternal.js
class AutoFormInternal extends Component {
render() {
let {
componentFactory,
fields,
fieldMetadata,
layout,
handleSubmit,
submitting
} = this.props;
let model = this.props.values;
let fieldMetadataEvaluated = metadataEvaluator.evaluate(fieldMetadata, model, '', fields);
let groupComponent = componentFactory.buildGroupComponent({
component: layout.component,
layout: layout,
fields: fieldMetadataEvaluated,
componentFactory: componentFactory
});
return (
<div className="meta-form">
<form onSubmit={handleSubmit}>
{ groupComponent }
<ButtonToolbar>
<Button type="submit" bsStyle="primary" disabled={submitting}>Submit</Button>
<Button disabled={submitting}>Cancel</Button>
</ButtonToolbar>
</form>
</div>
)
}
}
AutoFormInternal.propTypes = {
fields: PropTypes.object.isRequired,
handleSubmit: PropTypes.func.isRequired,
resetForm: PropTypes.func.isRequired,
submitting: PropTypes.bool.isRequired,
componentFactory: PropTypes.object.isRequired,
entity: PropTypes.object.isRequired,
layout: PropTypes.object
};
export default reduxForm({
form: 'simple'
})(AutoFormInternal);
AutoForm.js
class AutoForm extends Component {
render() {
let {entity, layout} = metadataProvider.getEntityAndLayout(this.props.schema, this.props.entityName, this.props.layoutName);
let componentFactory = this.props.componentFactory;
let fieldMetadata = metadataProvider.getFields(this.props.schema, entity, layout, f => {
f.componentFactory = componentFactory;
});
let fields = metadataProvider.getReduxFormFields(fieldMetadata);
let validate = (values) => {
return metadataValidator.validate(fieldMetadata, values);
}
return <AutoFormInternal
fields={fields}
fieldMetadata={fieldMetadata}
entity={entity}
layout={layout}
validate={validate}
componentFactory={componentFactory}
onSubmit={() => console.log('submit')}
onSubmitSuccess={() => console.log('submit success')}
onSubmitFail={() => console.log('submit fail')}
/>
}
}
AutoForm.propTypes = {
componentFactory: PropTypes.object.isRequired,
schema: PropTypes.object.isRequired,
entityName: PropTypes.string.isRequired,
layoutName: PropTypes.string.isRequired
};
export default AutoForm;
handleSubmit
в частности. - person Florent   schedule 26.04.2016onSubmit={values => console.log(values)}
должно работать. Если нет, возможно, вам следует проверить свой магазин после взаимодействия с формой. Ваши поля могут быть неправильно связаны. - person Florent   schedule 26.04.2016