在 React 最终表单的向导表单页面中获取当前输入字段值答案

【问题标题】：Get current input field value in Wizard Form Page in React Final Form在 React 最终表单的向导表单页面中获取当前输入字段值
【发布时间】：2018-04-08 20:50:24
【问题描述】：

使用Wizard form ant 试图了解如何获取{activePage} 中的当前输入字段值。可以在Wizard.js 中达到输入值但卡在Index.js 有人知道我在哪里漏掉了重点吗？

【问题讨论】：

我不确定您所说的“当前输入值”是什么意思：当前活动（聚焦）字段的值？达到什么目的？为什么需要它？
我不确定您所说的“当前输入字段值”是什么意思。当前活动/重点字段的值？为什么你需要它在Index.js 更高的位置？
@ErikR。未激活，“当前”表示文本值等于输入字段值。我不想将它用作 css 值。例如codepen.io/duplich/pen/qjYQEZ
类似示例：codesandbox.io/s/wyo526z83k ，跟踪来自index.js 的值会更方便据我了解，此函数{({ handleSubmit, change, submitting, values, reset }) => (...) 将值带入范围。是否可以从index.js 调用它？

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

【解决方案1】：

您必须将<Form> 组件拉出到您需要的值。它们仅在 <Form> 内部可用。

不严格推荐，但您也可以执行类似 Redux Example 的操作，使用当前表单值更新 Redux 存储。

【讨论】：

谢谢，它是一个很棒的工具，使用 Redux Example 可以将值保存在单独的组件中。