问题标签 [formik]

我想调用子组件的提交方法。因此我使用 ref 道具。但看起来我只是得到了一个 WithContext 对象。

那么怎么调用TodoForm > submit里面App > submitForm。

这是一个运行示例：https ://codesandbox.io/s/92nm15pnqr

我正在尝试实现 https://www.youtube.com/watch?v=5gl3cCB_26M上描述的方法，其中所有 Redux 操作都只是普通对象（因为它们本来就是这样），API 调用由中间件完成。

通过这样做，分派的动作不再是 thunk 并且不能返回Promise. 因此，我将无法在提交处理程序中使用 Formik setSubmitting（将isSubmitting标志设置为false），就像我发现的 Formik 文档和其他教程上的代码示例一样。

我以一种丑陋的方式解决了这个问题，在setSubmitting里面保存了一个稍后运行它的引用componentDidUpdate：

我怎样才能以更“优雅”的方式做到这一点？

我目前正在使用 Formik 处理 React 中的预订表格。我还分别为预订日期和时间合并了 Ant Design 的 Date Picker 和 Time Picker，但是我很难将值传递回组件。

这是我在表单组件中的设置方式（我省略了其他不相关的字段）：

这是处理时间变化的函数（只是一个状态集）：

然后在父级上，组件设置如下：

该saveBooking函数只是简单地控制台记录参数。但是，它只会注销其他字段，例如firstname,surname和email。日期完全被忽略了，我不知道如何让表单识别它们 - 我什至尝试创建一个 Formik 隐藏字段来在提交时复制日期值，但它仍然忽略它。字段名称和 ID 是正确的，并且与所有其他字段一样与数据库相关 - 所以我不明白为什么它不会读取该数据？

我正在尝试使用 Formik 和 React Native 创建一个多页表单

使用状态和数组方法，我能够呈现多页。但是，要使用 formik，我需要将道具传递给我的组件，即 Page1、Page2、Page3

任何人都知道如何实现这一目标？

我试图将道具传递给 Page1.js，以便将 props.handleChange、props.handBlur、props.values 与 Formik 一起使用

提前致谢

WizardScreen.js

Page1.js

当我尝试将表单组件连接到 redux 时，我得到一个无限循环。如果它不令人沮丧会很有趣，因为代码今天早些时候工作，而现在在我恢复 1 次提交后它就没有了。

代码几乎相同，并且 connect()() 有效，并且我可以使用 signUserUp 函数作为道具使用。我删除了 node_modules 和 package-lock 以防万一并再次安装，它是一样的。

注册.js

当我添加连接时，我显然在这里得到了错误......

这是带有 redux 东西 signup.js的单文件模块

在rootReducer.js我像这样导入该 signupReducer

这是至少在我尝试访问注册页面时查看错误的代码框示例。

这是关于 formik （反应和打字稿）。

我设法使一些代码工作，但我用.bind(this)它。我真的认为有更好的方法来做事，所以我在这里问。

这是代码：

如果它有帮助（不确定）整个代码在这里：https ://gist.github.com/Nek-/c4ccb6b76593d71105c29079c48757f0

在使用 Formik 时，我很难理解一些通常使用的语法。我想很多人在开始使用 react 和 formik 时都会遇到这样的问题。请看一下这段代码：

问题1：export default Formik({})做什么？它是一个函数定义吗？

问题2：validationSchema: Yup.object()这是什么？在对象定义之外使用冒号！？

问题 #3：代码的哪一部分首先执行？

我使用Formik. 这是非常基本的。图书馆的例子是一个很好的起点，所以我在下面分享它以及URL：

Formik 示例的代码沙箱

我传递的不是硬编码的值，而是 Checkbox 的道具，它具有字符串 (Using PropTypes) 的属性。这个占位符道具然后由我传递的值填充，具体取决于Constants.js像这样的文件的使用情况。

问题： 我们将来可能会从Server Payload. 这将使我的方法过时，因此为了将来证明它，如果不存在服务器数据，我想让它呈现我的数据，或者如果有服务器值则绕过它们。

现在，我正在阅读如何做到这一点，我发现 Promises 能够解决我的问题。我尝试了各种我不会在这里列出的东西，因为我发现 Stack Overflow 中的其他答案不正确。如果你能在这里帮助我，我将不胜感激。

我的设置：到目前为止，我这样做了，这可能完全不可用，但我会列出它。

我使用 redux( GetDataAttempt, GetDataSucces, GetDatFailure) 创建了 3 个动作。作为回报GET，它会向该特定端点发出请求。反过来，这将使用一些像这样的 RxJS 函数

最后，reducers 会将有效负载发送到我使用的组件MapStateToProps或空字符串。

现在到棘手的部分和我问的原因。如何使用 Promises 将此条件逻辑应用于组件。或者别的什么。

我是 React 的新手，我正在使用 FormIK，它可以很好地发布表单数据，除非我在其中添加隐藏字段。

当我发布表单时，它会发送隐藏字段的 Null 值我还向 Formik 提供了初始值

有什么遗漏吗？

我有一个带有 React 的简单表单。我formik用来在前端处理表单验证。这是我的组件：

当我单击提交时，我收到此错误：

Uncaught (in promise) TypeError: onSubmit is not a function at Object.GroupDetailsForm.values [as onSubmit] (index.jsx:18)

不知道这里有什么问题。有人可以帮忙吗？代码对我来说似乎很好。我尝试使用它，在组件的不同部分而不是表单本身上访问 OnSubmit，但没有运气。

这个错误可能是微不足道的，但我看不到。有人可以帮忙吗？？？

向下可以看到我实现的组件GroupDetailsForm。它是整个组件，使其更容易。