react-final-form中有没有函数可以获取表单值

Question

请帮助理解react-final-form的api文档，

我们已经将redux-form迁移到了redux-final-form。在我的应用程序中，我们使用formvalueselector api来获取表单值。请帮助在react-final-form中获得更纤细的api

https://redux-form.com/8.3.0/docs/api/formvalueselector.md/

要求是通过属性名称获取表单值

Answer 1

尝试通过钩子执行此操作：

import { useFormState } from 'react-final-form';
...
const formState = useFormState();
let value = formState.values['attr_name'];

Answer 2

可以使用final-form的渲染道具中的表单值。

<Form>
  {(values) => {
     const value = values['field-name'];
     ...
  }}
</Form>

如果希望在表单子组件中获取表单值，请使用

import { useFormState } from 'react-final-form';

const ChildComponentOfForm = () => {
   const { values } = useFormState();
   const value = values['field-name'];

   ...
}