javascript - 如何监听React-Final-Form中Field组件的onChange？

Question

Redux-form “字段”组件提供onChange property 。每当从底层输入触发 onChange 事件时都会调用的回调。此回调允许获取字段的“newValue”和“previousValue”。

React-final-form “Field”组件没有此属性。

那么，我怎样才能获得相同的功能呢？

Answer 1

React-final-form 使用一个微小的外部包来处理此功能。

基本上，它是添加到使用其名称绑定(bind)到元素的表单内的附加组件:

<Field name="foo" component="input" type="checkbox" />
<OnChange name="foo">
  {(value, previous) => {
    // do something
  }}
</OnChange>

可以在此处找到当前文档:

https://github.com/final-form/react-final-form-listeners#onchange