问题标签 [formik-material-ui]

我正在使用 formik，我有一个可以从自动完成和 formik 内部的组件编辑的输入。

它是这样的：

正如您在自动完成中看到的，我使用 setFieldValue 来编辑 value={values.rulLocationFk}

好吧，现在在 formik 里面我还有一个可以编辑 values.rulLocationFk 值的组件

我这样称呼formik里面的组件：

我该如何将参数 values.rulLocationFk 传递给 MapCaller，并可以在 MapCaller 内部对其进行编辑？

我认为是这样的：

但这不起作用

谢谢

我正在尝试将 formik 与带有 select attr 的 material-ui Textfield 组件一起使用，每次我更改选项时它都会给我这个警告

nullMaterial-UI：您为 select (name="subIndicatorId") 组件提供了超出范围的值。考虑提供与可用选项之一或“”匹配的值。可用值为1, 2, 3, 4, 5, 55, 161, 162, 163, 164, 193, 233, 234, 235, 236, 237, 238, 239, 240, 241, 242, 243, 244, 245, , 246, 262, 263, 264, 265, 266, 267, 268, 271, 286, 288, 289, 295, 300, 303, 304,306307, 311,341

当页面第一次呈现时，我也会收到此警告

警告：valueprop oninput不应为空。考虑使用空字符串来清除组件或undefined不受控制的组件。

这是这个的代码

它工作正常并返回响应，但我想处理这两个警告

我正在尝试通过使用地图索引来设置动态表单的默认值，下面是代码片段：

这是我的自定义组件的代码片段：

问题是，当我提交表单时，虽然表单已经更改，但 process 的所有值仍然是 "" 这是我的初始值

示例：（进程填写正确的值）

（提交表单后流程仍然为空）

我正在尝试使用 Formik useField 钩子将简单的自定义验证（非空或最小字符）添加到作为 React 功能组件的一部分的 MUI TextField。这个可重用的组件将成为 Formik 父组件中的一部分。使用这个功能性子组件是因为它是一个可重用的组件，因此文本字段的验证应该发生在组件内，而不是父组件的 Formik 标记中的 ValidationScheme 属性，因为表单不是预定义的。如何将此自定义验证添加到子组件中的 TextField？

我一直有这个错误：一个组件正在将文本类型的受控输入更改为不受控制。输入元素不应从受控切换到不受控（反之亦然）。决定在组件的生命周期内使用受控输入元素还是不受控输入元素。当我尝试单击编辑将数据库中的值放入输入框中时

这是我的反应代码：

所以我想知道我是否可能没有formik正确使用并且我对它可以做什么的期望是不正确的。基本上我有一个表格，我想在某些字段上验证，一切都很好，直到我需要验证一个TextField多行的。我有两种解决这个问题的方法，但如果可能的话，需要一些指导。我将提供代码示例。

我目前正在按 enter 进行验证TextFeild。我也尝试过各种方式，基本上都是在 formiks 文档上，但仍然无法验证。validateCompetitors确实返回一个带有 的对象errors.competitors。我可能正在考虑用单个 TextField 替换多行 TextField 以及添加更多字段以使用加号按钮或其他内容进行验证的选项，但即便如此，动态验证将如何工作，因为每个字段都需要正确的识别名称？当前设置来自我正在与之合作的其他开发人员，我只是想解决他分配给我的问题。

谢谢

我想将这些（标题、描述、类别）值获取到以下表单。我怎样才能做到这一点？。我正在研究需要根据数据动态调整的 Formik 表单。当用户要编辑某些内容时，我想将数据设置为正确的表单字段。我认为我的代码中缺少一些东西。任何帮助都会很棒。

我使用 Formik 在 React 中创建了一个表单，并使用 Material-UI 进行设计。出于某种原因，我绝对无法包装这些字段。具体来说，我希望州和国家在一条线上，邮编和电话在一条线上。在移动设备上，表单很好，每个字段都是全角的。然而，在桌面上，表单坚持显示在一列中，上述字段的宽度为半角或更小。

表格：

CSS：

MUI 主题编辑：

并且 MUI Grid-container 有一个默认值：

我制作了一个 formik 表单，但似乎无法记录 onSubmit 的值。

我正在关注Medium上的教程，但我似乎无法弄清楚 VALUES & ACTIONS 道具的来源，因为它们实际上并没有出现。所以我尝试了很多解决方案，包括

但即使只打印 InitialValues，我也有点迷茫，任何帮助都将不胜感激。

我希望用户在路线上注册 /register

现在，当用户输入名称、电子邮件和密码等详细信息时，如果电子邮件已经在数据库中，他们将看到电子邮件已存在的错误。

注册路线

注册页面

我只想在电子邮件已经注册时显示一个组件，以便他们可以更改电子邮件。

使用响应和错误我无法显示从 MongoDB.save() 响应收到的错误。