withFormik как получить доступ к реквизиту, завернутой в форме handleSubmit

Обновить

April 2019

Просмотры

861 раз

1

Я определяю:

class Form1 extends React.Component{
....
}

а затем определить HOC с помощью withFormic:

const Form2 = withFormik({
  handleSubmit(values, { resetForm, setErrors, setSubmitting }) {
    ...
  },
....
})(Form1);

В родительском компоненте, я определить функцию обратного вызова:

<Task2 callback={this.something} />

Теперь, я хочу, чтобы handleSubmit вызвать функцию обратного вызова. Я бы просто

this.props.callback()

но мне кажется , что thisне определено в HOC.

Вопрос: как я могу получить доступ к Form1.props в HOC?

1 ответы

3

You need to pass props as one of the second argument in handleSubmit and you can access props as below:

const Form2 = withFormik({
handleSubmit(values, { props, resetForm, setErrors, setSubmitting }) {
...
props.callback();
},
....
})(Form1);

Связанные вопросы