Форма из двух частей с Formik

Question

Я хочу создать страницу, состоящую из двух частей: одна часть ввода содержит поля ввода с использованием Formik, а другая - таблицу (например, компонент таблицы antd), в которой отображаются данные, вставленные в первую часть. Пожалуйста, помогите мне.

Answer 1

У компонента обертки над компонентом формы и таблицы. Поддерживать состояние в оболочке. Теперь, как только вы заполните данные в форме, передайте созданные значения формы в качестве обратного вызова для оболочки, чтобы обновить состояние. Используйте это состояние для заполнения данных в компоненте таблицы.

Вот код песочницы с примером

https://codesandbox.io/s/hungry-morning-1hb9v?fontsize=14