Aşağıdaki redux-form bileşenine sahibim ve bir gönderme düğmesini devre dışı bırakmak için isSubmitting
seçiciyi kullanmak istiyorum. Form redux-form kullanmayı deniyor isSubmitting seçicisi
mapStateToProps
fonksiyonu: my
render()
fonksiyonun
const mapStateToProps = (state, props) => {
const firstTemplate = _.first(props.templates.toList().toJS());
const course = props.courses.getIn([0, 'id']);
let values = { submitting: isSubmitting('CreateNewAssignmentForm')(state) };
if (firstTemplate === undefined) {
return values;
}
if (firstTemplate) {
values = {
course,
template: firstTemplate,
submitting: isSubmitting('CreateNewAssignmentForm')(state),
initialValues: {
template: firstTemplate.id,
wordCount: firstTemplate.essay_wordcount,
timezone: momentTimezone.tz.guess(),
label: 'TRANSPARENT',
},
};
}
return values;
};
export default connect(mapStateToProps)(
reduxForm({
form: 'CreateNewAssignmentForm',
destroyOnUnmount: false,
shouldAsyncValidate,
shouldValidate,
})(CreateNewAssignmentForm),
);
kısmi pasajı:
render() {
const { handleSubmit, templates, courses, submitting } = this.props;
return (
<StandardModalComponent
id="AssignmentModal"
title="Create Essay Draft"
primaryAction={['Submit', handleSubmit, { disabled: submitting }]}
width={800}
>
i doğru seçici kullanıyorum?
Merhaba! "HandleSubmit" işlevini gösterebilir misiniz? –
Gönderen bayrak yalnızca onSubmit'iniz bir Promise döndürdüğünde çalışır, böylece redux form başlatıldığında ve bittiğinde izlenebilir. https://github.com/erikras/redux-form/issues/1238 –