Реагировать на formik читать входное значение за пределами <Formik /> в режиме реального времени onchange - PullRequest
Новая
       1

Реагировать на formik читать входное значение за пределами <Formik /> в режиме реального времени onchange

0 голосов
/ 11 марта 2019

Вот код https://codesandbox.io/s/5wmrp396kp

Я понятия не имею, как прочитать значение за пределами.

Мне просто нужна очень простая функция, чтобы показать значение в другом компоненте, например,helper.js 

class ComponentOne extends Component {
  render() {
    return (
      <React.Fragment>
        <div>CompoenntOne: I wannna read the props.values.email here</div>
        <div>CompoenntOne: I wannna read the props.values.email2 here</div>
      </React.Fragment>
    );
  }
}

Есть ли способ сделать эту работу простым?

1 Ответ

0 голосов
/ 11 марта 2019

Ваш код даже не включает компоненты Formik.

Пожалуйста, реализуйте что-то вроде этого базового примера из документов : 

import React from 'react';
import { Formik } from 'formik';

const BasicExample = () => (
  <div>
    <h1>My Form</h1>
    <Formik
      initialValues={{ name: 'jared' }}
      onSubmit={(values, actions) => {
        setTimeout(() => {
          alert(JSON.stringify(values, null, 2));
          actions.setSubmitting(false);
        }, 1000);
      }}
      render={props => (
        <form onSubmit={props.handleSubmit}>
          <input
            type="text"
            onChange={props.handleChange}
            onBlur={props.handleBlur}
            value={props.values.name}
            name="name"
          />
          {props.errors.name && <div id="feedback">{props.errors.name}</div>}
          <button type="submit">Submit</button>
        </form>
      )}
    />
  </div>
);
...