是否有任何函数可以在 react-final-form 中获取表单值

【问题标题】：Is there any function to get form value in react-final-form是否有任何函数可以在 react-final-form 中获取表单值
【发布时间】：2020-08-20 23:56:09
【问题描述】：

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

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

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

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

【问题讨论】：

标签： reactjs react-admin react-final-form

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您可以使用 final-form 的 render props 中的表单值。

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

如果您想在表单的子组件中获取表单值，请使用

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

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

   ...
}

【讨论】：