React 最终表单 - 单击单选按钮提交向导表单

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上，带有我第一篇文章的代码