问题标签 [formik-material-ui]

我使用 formik 和 Material UI 构建了一个简单的联系页面。除了我使用 Material UI 组件而不是常规输入标签时，一切都正常。似乎程序无法读取 Material UITextField组件中的值。

这有效：

这不起作用：

我在这里创建了一个代码沙箱。

我正在使用 Formik - 和 formik-material-ui - 来处理我的表单。在其中一种形式中，我包含了一个 CustomFileUpload 组件：

尽管我的表单读取了它的值，并且可以通过以下 testSubmit 函数访问，但我的 CustomFileUpload 组件字段处理的字段是唯一在调用该函数时没有被重置的字段resetForm：

如果它可能有用，当删除所有“工作字段”时，这就是我的 Formik 组件的样子：

有人知道为什么cover值可以通过console.log(values)但不能被重置resetForm()吗？

在我的 React 代码中，连同其他输入类型，我还必须使用 material-ui 的 ToggleButtonGroup 组件。formik-material-ui 不直接支持此组件，我一直在尝试编写自定义包装器，但没有取得多大成功。这就是我的组件的外观（formikToggleButtonGroup.tsx）：

然后，我尝试像这样使用它：

我面临的问题是 Formik 没有设置 ToggleButtonGroup 的值。它始终显示初始值。

我正在使用 Formik 和 Material UI 构建一个表单。

我通过以下方式利用 Formik 组件：

我的输入组件：

并进入我的渲染形式，这就是我的做法：

问题在于 Material UI 使用标签道具在输入字段上显示标签，因此标签应该是传递给 . 如果我将它“硬编码”到我的“输入”组件中，它就可以工作，这违背了使用可重用组合的目的。

所以这可行但不方便：

我希望的是使用它上一级，例如：

但是以上内容不起作用，因为 Formik 不将“标签”识别为道具（或者这就是我的理解，但我可能错了）。

有没有人遇到过这个问题？

我知道我可以使用我的“姓名”值作为标签，但这不是很好的用户体验，因为它会给我留下诸如“患者 [0].firstName”之类的标签啊哈

我正在尝试学习如何使用 Formik 和 Yup 来验证输入（文本）表单字段。我遵循了 Jared Palmer 的标准方法，它开箱即用，效果很好。

当涉及到做一些更多由组件驱动的事情时，我很难达到相同的验证水平，我就是不知道哪里出了问题？

是的，似乎无法识别我的表单模型，也不会根据需要验证输入字段......

我在想我实际上已经搞砸了初始值，或者我没有以 Yup 正在寻找的正确形状提供它们，但是这里的任何帮助都会令人惊叹，这太疯狂了......

我在这里启动并运行了一个示例沙箱 >>

https://codesandbox.io/s/building-multi-step-form-with-formik-yup-vjzpk

表单模型 （components/CheckoutPage/FormModel/checkoutFormModel.js）：

初始值 （组件/CheckoutPage/FormModel/initialValues.js）：

是的验证模式 （components/CheckoutPage/FormModel/validationSchema.js）：

结合了 Yup 和 Formik 的地址表单 （components/CheckoutPage/Forms/AddressForm.js）：

我正在为 Formik 使用 yup validationSchema，但是，当我尝试验证日期时，它不起作用，所有其他字段的验证都可以正常工作。我做错了什么？

这是我的DatePickers：

在创建验证时，我被困在 formik 上的一个点上。我有一个对象，里面有 5 个值。这是布尔值

我有一个所有科目的输入文件，我希望只有当所选流是商业或艺术时，医疗文件才为空。如果所选流是医疗流，则它必须是正整数值。我如何制作一个验证模式以在 formik 中实现这一点

你好！我在React （基于类的组件）中使用Formik制作了一个表单，我得到了非常难看的复选框和单选按钮。我曾尝试使用 Chrome 中的检查元素深入研究代码，但仍然无法解决。我也在这里上传了图片。我在Angular中使用了相同来源的相同复选框，但在那里工作正常。我不知道为什么它在React中不起作用。

package.jsonMaterial-UI作为依赖 项安装在文件中："@material-ui/core": "^4.11.0"

这是我编写代码的方式：

当用户选择国家时，我有一个包含国家和州字段的地址表单，我想获取状态列表表单后端并更新状态选择框值列表。

我已经参考了下面的文章来创建表单。 https://medium.com/@nphivu414/build-a-multi-step-form-with-react-hooks-formik-yup-and-materialui-fa4f73545598 在此处输入图像描述

我目前正在使用 formik 构建表单，但是当我在 initialValues 中使用嵌套对象时，如下所示： address:{title:"this a title",value:{principalAddress:"test",seconderyAddress:""}}

设置字段名称时，我无法访问 formik 字段中的 principalAdress

如果有人可以帮助我，我将不胜感激。