React 最终表单在初始渲染后触发 handleSubmit

Question

我的反应最终形式中只有 Switch 组件。它看起来像这样：

<Form
onSubmit={onSubmit}
initialValues={initialValues}
render={({ handleSubmit }) => (
<form onSubmit={handleSubmit}>
<Field name="booleanValue" component={Switch} onChange={handleSubmit}/> //triggers when receives value
</form>
)
}
/>

我想仅在用户更改后触发 handleSubmit，而不是在表单的首次呈现时触发。

Answer 1

<Field/>

没有像您尝试的那样onChange道具。这样的事情可以工作。

import { OnChange } from 'react-final-form-listeners'
...
<Form
onSubmit={onSubmit}
initialValues={initialValues}
render={({ handleSubmit, form }) => (
<form onSubmit={handleSubmit}>
<Field name="booleanValue" component={Switch}/>
<OnChange name="booleanValue">
{(value, previousValue) => {
form.submit()
}}
</OnChange>
</form>
)
}
/>

附言我希望您的Switch组件知道从input道具中获得value和onChange。

希望对您有所帮助！