условно-формальная валидация для компонента - PullRequest
Новая
       4

условно-формальная валидация для компонента

0 голосов
/ 27 февраля 2020

Создано представление под названием familymemberblock, которое предполагается просматривать только при выборе страховки и в разделе семейного страхования, которая работает нормально, но при выборе любого другого типа функции кнопка отправки формы отключается. 

{formik => (
          <form
            className={classes.pageTopSpacing}
            onSubmit={formik.handleSubmit}
          >
            <GridContainer>
              <GridItem xs={12}>
                <GeneralInputFormBlock formik={formik} />

                {formik.values.featureType === 'Insurance' &&
                  formik.values.featureSubType === 'FamilyInsurance' && (
                    <div>
                      <div className={classes.blockSpacing} />
                      <FamilyMemberFormBlock formik={formik} />
                    </div>
                  )}

                <div className={classes.blockSpacing} />
                <PurchaseRulesFormBlock formik={formik} />

                <div className={classes.blockSpacing} />
                <ActivationRulesFormBlock formik={formik} />

                <div className={classes.blockSpacing} />
                <AvailRulesFormBlock formik={formik} />
                <Card>
                  <CardBody>
                    <GridContainer>
                      <GridItem>
                        <Button
                          disabled={
                            submitDisable ||
                            (formik.isValid && !formik.dirty) ||
                            !formik.isValid
                          }
                          color="success"
                          type="submit"
                        >
                          Create feature
                        </Button>
                      </GridItem>
                    </GridContainer>
                  </CardBody>
                </Card>
              </GridItem>
            </GridContainer>
          </form>
        )}
      </Formik>
...