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

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

React-final-form "Field" 组件没有这个属性。

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

标签： javascriptreactjsreact-final-form

React-final-form 用一个很小的外部包来处理这个功能。

基本上，它是一个附加组件，可以添加到使用其名称绑定到元素的表单中：

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

当前的文档可以在这里找到：