javascript - React final form - 单击单选按钮提交向导表单

Question

我想通过单击单选按钮而不是经典的提交按钮来提交向导表单的步骤。

无线电组件：

const Radio = ({ input, children }) => (
  <label className="form-radio city">
    <input {...input} />
    <span className="radio-text">{children}</span>
  </label>
)

我的课 ：

<ProfileForm.Page>
   {CITIES.map(({ name }) => (
       <Field component={Radio} type="radio" name="city" key={name} value={name}>
           {name}
        </Field>
   ))}
   <button type="submit"></button>
 </ProfileForm.Page>

这在我使用提交按钮时有效，但我想删除它并直接单击单选按钮提交城市。

Answer 1

我尝试使用“this.form.submit()”进行 onChange 事件，但我无法加入“form”。

我有一个父组件ProfileForm.jsx：

 <Form validate={this.validate} onSubmit={this.handleSubmit} initialValues={values}>
    {({ handleSubmit, invalid, pristine, values }) => (
        <form onSubmit={handleSubmit}>
            {activePage}   
        </form>
    )}
 </Form>

我的单选按钮位于“活动页面” City.jsx上，其中包含我的第一篇文章的代码