Reactjs 反应formik读取外部输入值<；福米克/>；实时一次更改

这是密码

我不知道如何读取外部的值

我只需要一个非常简单的函数来显示其他组件（如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>
    );
  }
}

class ComponentOne扩展了组件{
render（）{
返回(
我想看看这里的props.values.email
我想看看这里的props.values.email2
);
}
}

---

有什么简单的方法可以实现这一点吗？

您的代码甚至没有包含Formik组件

请从以下位置执行类似于此基本示例的操作：

从“React”导入React；
从'Formik'导入{Formik}；
常量基本示例=（）=>(
我的表格
{
设置超时（（）=>{
警报（JSON.stringify（值，null，2））；
动作。设置提交（错误）；
}, 1000);
}}
render={props=>(
{props.errors.name&&{props.errors.name}}
提交
)}
/>
);

谢谢，请检查codesandbox中的代码，我将formik放在App.js中，我不知道如何显示其他组件的值：(

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>
);