React Final Form: onChange函数为整个表单?

Question

我想保留用户输入到一些全局状态管理的表单数据，以便当用户意外关闭表单时，用户可以重新打开表单并继续工作。

但是我没能找到一种方法用react-final-form来做到这一点。

我想要的是:

<Form onChange={(formdata) => saveToLocalStorage(formdata)}>

或

useEffect(
() => saveToLocalStorage(formdata),
[formdata]
)

这可能吗?

Answer 1

你可以像这样在表单中使用FormSpy:

<FormSpy subscription={{values: true}} onChange={() => console.log('do smth')} />