Форма дочернего компонента не работает после отправки моей формы и рендеринга дочернего компонента с помощью renderComponent - PullRequest
Новая
       21

Форма дочернего компонента не работает после отправки моей формы и рендеринга дочернего компонента с помощью renderComponent

0 голосов
/ 22 ноября 2018

Я использую React, Recompose и Formik и имею проблему, форма дочернего компонента не работает после отправки моей формы formik и рендеринга дочернего компонента с помощью renderComponent

Это мой handleSubmit для Formik: 

handleSubmit: async (values, { props, setSubmitting, resetForm }) => {
    try {
      props.updateOnboardingState({
        isValid : values.state,
      }, { stayOnStep: true });
      setSubmitting(false);
      resetForm({})
      props.setEligible(false);
    } catch (err) {
      props.notify.error(err.message);
      setSubmitting(false);
    }
  },

и я отрисовываю другой компонент следующим образом: 

export const enhance = compose<WrappedProps, {}>(
  withFormikHoc,
  withMapProps,
  branch<WithStateProps>(
    props => !props.isEligible,
    renderComponent(ValidationComponent),
    identity
  )
  );

export const MyForm = enhance(BaseComponent);

Так что мой ValidationComponent будет отрисовываться нормально, но проблема в том, что в этом компоненте у меня также есть другой Formik, а форма внутри этого неработал вообще, я имею в виду handleSubmit для этого компонента не сработал.

Это handleSubmit для ValidationComponent, который не может вызвать: 

handleSubmit: (values, { setSubmitting }) => {
    console.log("Is this triggred?")
  },

Когда я отправляю дочернюю форму, ничего не происходит, никаких журналов, ошибок, ничего, полностью запутался!любая помощь ценит это

...