有没有函数可以在react最终形式中获取形式值

Question

请帮助理解react最终表单的api文档

我们已经将redux形式迁移到react最终形式。在我的应用程序中，我们使用formvalueselectorapi来获取表单值。请帮助获得反应最终形式中更纤薄的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

您可以使用最终表单的渲染道具中的表单值。

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

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

import { useFormState } from 'react-final-form';
const ChildComponentOfForm = () => {
const { values } = useFormState();
const value = values['field-name'];
...
}