Передача состояния из модальной формы в подпорки родительской формы (Formik) - PullRequest
Новая
       11

Передача состояния из модальной формы в подпорки родительской формы (Formik)

0 голосов
/ 24 декабря 2018

У меня есть форма, которая использует Formik .Внутри этой формы у меня есть модал (реакции-начальной загрузки), который показывает, когда кто-то нажимает на конкретный элемент в родительской форме.Модал содержит другую форму, которая также использует Formik.

На данный момент, что очевидно, когда я закрываю свой модал после его редактирования, данные из него теряются.У меня вопрос: как сохранить данные из моего модального и передать значения реквизита?Ранее форма из модального режима была частью родительской формы, поэтому я спрашиваю о подходе Formik.Но если у кого-то будет хорошее решение без Formik, это также будет полезно для меня (но, пожалуйста, помните, что моя родительская форма все еще будет использовать Formik).

Передача реквизита - это то, что я знаю, но я понятия не имею, как это сделать в модальном и в модальном режимах, который является частью родительской формы, поэтому любая помощь будет полезна.

Часть моегомодальный компонент (я не знаю, какие части моего кода понадобятся, поэтому, если потребуется, я вставлю больше): 

<React.Fragment>
            <Modal
                {...this.props}
                bsSize="large"
                aria-labelledby="contained-modal-title-lg"
            >
            <Modal.Body>
            <fieldset
                disabled={
                    this.props.status > MyFormStatus.InProgress ||
                    (this.props.status === MyFormStatus.InProgress &&
                        this.props.projectStatus > ProjectStatus.Active)
                }
            >
                {isProjectType && (
                    <Form.Row>
                        <Col>
                            <Form.Group>
                                <Form.Label htmlFor="shortDescription">Short description</Form.Label>
                                <Form.Control
                                    as="textarea"
                                    rows={2}
                                    id={`${this.props.prefixName}shortDescription`}
                                    name={`${this.props.prefixName}shortDescription`}
                                    placeholder="Insert description"
                                    value={this.props.shortDescription}
                                    onChange={this.props.onChange}
                                    onBlur={this.props.onBlur}
                                    isInvalid={!!this.props.errors.shortDescription}
                                />
                                {this.props.errors.shortDescription && (
                                    <Form.Control.Feedback type="invalid" style={{ display: 'block' }}>
                                        {this.props.errors.shortDescription}
                                    </Form.Control.Feedback>
                                )}
                            </Form.Group>
                        </Col>
                    </Form.Row>
                )}
...

Детали с подпорками, например this.props.shortDescription, где предполагается работать безмодал а то все было нормально.Поэтому я хочу, чтобы после закрытия модальных значений значения, которые были опубликованы в реквизитах, и при повторном открытии модальных входов имели свои значения.

...