问题标签 [formik-material-ui]

我有一个有两个选项卡的 /home 路由，在提交表单（我使用 Formik）后，我想将用户重定向到同一路由中的第一个选项卡。所以基本上

行不通。什么是最好的解决方案？

我正在使用 MUI 基本选项卡模型。

我是 Formik 的新手，一直在研究 FieldArray，想询问并获得一些关于以下设置是否真的可以使用 Formik FieldArray 的指导。

现在我的场景使用由两个选项组成的单选按钮，其中一个选项也可以有它自己的 FieldArray，即它是 FieldArray 中的 FieldArray。

我需要使用 Formik 构建的表单是这样的：

我知道我没有提供任何代码，但我想再问一次：

1. 上面的表单设置与无线电组和嵌套的 FieldArray 实际上可以使用 Formik &

2. 如果上述设置可行，我将不胜感激上述结构的代码布局以及我需要注意的任何内容。

我正在尝试构建一个表单，该表单在选中时具有一个复选框字段，使用 formik 将出现另一个新的选择字段。

我即将用 formik 构建一个表单来创建客户。有一堆数据要输入，为什么我决定用步进器（'@material-ui/core/stepper'）。现在表单是动态的，这意味着根据步骤显示不同的表单页面。对于每个子表单/步骤，我制作了一个新组件。我明确地注意将<form onSubmit=formik.handleSubmit></form>组件包裹在我的 Stepper 周围，因此与我的 subForms 的通信沿着 props 和回调运行。

所以我的计划是使用 Stepper 中的“下一步”按钮作为提交按钮，在我的“onSubmit”函数中的每一步之后缓存子表单条目，并在最后一步将所有数据发送到我的 API。

我还没有完全完成喷气机，但是每次我进入最后一步时都会出现此错误消息：

CustomerStep.js:87 是 'value={props.values.company}' 设置为我的 TextField 的道具的行。

这非常令人困惑，因为在第一步之后我不再输入组件“CustomerStep.js”。子表单中的数据被写入我的 StepperForm.js 中的“数据”状态，所以我真的没有得到错误。

这是我的一些代码：

StepperForm.js

CustomerStep.js

我希望这不是太多的代码，并且有人了解发生了什么，也许可以提供帮助。

干杯皮特

我想将 true 或 false 的启用或禁用值传递给 Formik 的组件，但是当我这样给出时

它没有收到ContactForm component，它显示未定义

我如何传递enabledisabled到ContactFormComponent 并在联系表单组件中获取它，以便我可以在那里使用它进行进一步检查？

我有以下代码：

“.min”、“.max”和“.required”有效，但“.matches”中的错误消息未显示。甚至可以在“.matches”中使用排版吗？

我想禁用 Material-UI，以便我的屏幕在我的用户打印页面时保持亮光。如果页面较暗，则会占用更多墨水。

这是我从 Material-ui 文档中尝试过的代码。

这是我尝试过的。然后我导入 ThemeProvider 并给它一个道具主题。

即使某人的计算机设置为暗模式，我也不希望它更改为暗模式。我希望它停留在灯光模式。

它拒绝将主题更改为浅色模式。我需要帮助。

我正在使用 Material-UI Pickers，特别是<TimePicker>与 Formik 一起使用的组件。我的时间选择器字段的格式都为“HH:mm:ss”，因为我允许用户直接输入秒。

我目前的问题是，当用户按下“确定”按钮时，实际的日期值会附加到时间部分，这不是我想要的。我想针对 Formik 值存储的只是timeStartTime用户timeEndTime提供的时间分量值。

为了让我解决这个问题，我必须onChange在我的<TimePicker>

现在的问题是屏幕上显示的onChange值没有反映我使用设置的值formikProps.setFieldValue

此外，我的表单中还有多个时间选择器字段，如下所示，并且不想设置多个 useState 挂钩来反映值

如何更新value={???}以反映我的最新值onChange？

当尝试在没有 YUP 的情况下进行表单验证时，我的表单会在组件安装时继续重新运行验证。我尝试更改代码 onValidationChange 和 validationOnBlur 更改，但在运行表单验证时似乎没有任何区别。有没有办法做到这一点？

目标是在 Blur 上为必填字段和 onSubmit 显示 toast 错误消息。任何帮助都会很棒！

React 的新手并使用 Material UI 的多值组件来允许用户从下拉列表中选择多个选项 ( https://material-ui.com/components/autocomplete/#multiple-values )。我想更新他们的实现，以便我也可以通过年份搜索以返回结果，因此也可以通过搜索“1972”来找到“教父”。是否有人对实施此解决方案的好起点或有用的阅读有任何指示？真的很感激！