问题标签 [formik-material-ui]

我有一个现有的表单，使用在 formik-material-ui 1.0 下工作的自定义组件：

并使用此行进行渲染：

如文档所述，我删除了Field导入和component属性，但其余部分让我卡住了。如果 Field 不再可用，我应该在MyCheckbox? 我试过了：

但我得到这个错误：

我的package.json文件具有以下相关依赖项：

}

迁移说明：

如前所述，我使用了此处的迁移说明，我还从中添加了一个屏幕截图。

我有一个 Formik 表单，包括一个名为descriptions（初始化为空数组）的初始值，我想在其中存储可能的文本字段结果。

文本字段只需要通过更改匹配复选框的值来临时创建：用户选中“X Data”框，并且除了选中该框外，还会呈现关联的字段。我有这部分工作。

我遇到的问题是新渲染的输入没有命名！我假设我需要将其命名为descriptions[x_data]. 这个对吗？我怎样才能让它工作？这是我迄今为止工作的代码的精简版本。

当我在 onSubmit 上发布数据并将正在发送的实际数据记录到控制台时，一切看起来都很好，只是对象中有一个额外的“firstName”属性，其值为空字符串。所以我会看到这样的东西：

这是相关的代码位：

这是 Formik 字段：

无法弄清楚为什么会这样，任何帮助将不胜感激！哦，没那么重要，但我也遇到了一个问题，它会立即显示每个表单的验证消息，而不是等待用户先在其中输入一些内容，然后再模糊查看它是否有效——所以对此有任何帮助也会很棒:)

谢谢

我目前正在努力使用“自动生成链接”按钮。单击后，“链接”字段应填写数据“ http://predefinedlink.com ”

由于这里使用了 Formik + Material UI 的组合，我很难做到这一点。

我在 Formik 中使用以下验证模式：

它工作得很好，除了因为我使用的是 Material UI AutoComplete组件，当用户输入多个无效的电子邮件地址时，他们会在每个无效的电子邮件地址中看到一次错误消息。

有什么办法吗？

这是一个沙盒链接：https ://codesandbox.io/s/wild-sea-h2i0m?file=/src/App.tsx

我正在使用 React Yup 验证，并且在编辑某些内容时遇到验证问题（编辑表单）。即使字段已填充，验证器的行为也会像它们为空一样。我已经记录了状态并且值也出现在那里..相同的代码在没有value={contactPersonName || ""}参数的情况下工作正常...参考附图

图片

目前正在尝试将 Material UI 的 Autocomplete 组件与 Formik 一起使用。到目前为止，诸如文本字段和 Material-UI 中的传统选择之类的东西在 Formik 上表现得非常好。实现自动完成并非如此。当我从列表中选择项目时我的问题我不仅得到了价值而且得到了对象如何解决它谢谢

我目前在将 Formik 与 MaterialUI 表单一起使用时遇到问题。具体来说，我在使用 Material UI 以嵌套形式传递 Formik 输入值时遇到了问题，Formik.handleChange并且在将值从数字更改为字符串时遇到了一个小问题。

我有多个表单，这些表单在 Material UI 中与 Stepper 组件分开。由于我还在学习，我尝试将 Formik 包裹在其中一个步骤上（稍后我将包裹整个步进器）。这是它的外观：

问题出在 IncidentSelect 表单内部，FormikhandleChange似乎没有更改 selected radioButton。当我在 Chrome 中使用 React Developer Tools 进行检查时，似乎Formik.handleChange将值从 0 更改为“0”。我该如何解决？

另外，按照教程，我不确定如何抽象我的组件？请注意， DateTimePicker 正在使用material-ui/pickers。我不确定如何将值传递给 Formik。

任何帮助表示赞赏。

谢谢

检查布尔值时，我需要验证一个数字数组，并且我在控制台中收到此错误：

这是我的是的验证架构。

顺便说一下表格工作正常，但我想摆脱这个错误，有什么想法吗？谢谢。

我正在尝试设置size本机 HTML 选择元素的属性。这决定了在多选中显示多少选项（即垂直高度）。我在文档中看不到这个道具。

该size属性在这里无效，似乎默认为四个选项，但我想要更多。

Field示例代码中的组件来自formik并且Select来自formik-material-ui。