Ступеньки Formik + крючки между ступенями

Я пытаюсь передать данные в одном компоненте другому компоненту, который является родственником друг друга, но они находятся в Formik Stepper с Formik Hook(rff).

index.js -> is entry point, that calls only one component App, as we have no route
App.js -> this the parent component, which has two child, Step1 and Step2
Step1.js -> takes input
Step2.js -> renders data from Step1

Я сделал простой пример кода здесь по ссылке

https://codesandbox.io/s/keen-germain-formikstepper-xntko?file=/src/

  • Обратите внимание: я не хочу помещать все formik initialValues ​​в основной компонент степпера formik, потому что в моем реальном проекте у меня много значений на шаге 1 и шаге 2, а также У меня есть больше шагов в степпере с большим количеством значений,

reactjs stepper formik
person check everytime    schedule 16.09.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это ответ -

import React from "react";
import { useFormikContext } from "formik";
export default function Step2() {

const{values} =  useFormikContext()
return <p>{values.firstName} </p>;
}

полное решение https://codesandbox.io/s/keen-germain-formiksteppersol-xntko?file=/src/App.tsx

person check everytime    schedule 17.09.2020