相关疑难解决方法(0)

有一个基本的 Formik 形式：

<Formik
      initialValues={{ email: '', color: 'red', firstName: '' }}
      onSubmit={(values, actions) => {
        setTimeout(() => {
          alert(JSON.stringify(values, null, 2));
          actions.setSubmitting(false);
        }, 1000);
      }}
      render={props => (
        <form onSubmit={props.handleSubmit}>
          <Field type="email" name="email" placeholder="Email" />
          <div>other inputs ... </div>
          <button type="submit">Submit</button>
        </form>
      )}
    />

当其中的任何输入发生更改（不是提交，而是更改）时 - 我需要更新<Formik />. “外部”组件应该接收所有表单数据。

有没有什么方法可以做到这一点，而无需为表单的每个单独输入添加单独的更改处理程序？或者解决方案是尝试将“外部”组件插入其中<Formik />？