问题标签 [formik-material-ui]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 如何在 setFieldValue 中使用 formik fieldarray 索引名称
如果我有以下<TimePicker/>代码，它是 Formik FieldArray 的一部分，我如何在其中访问名称{timeWindowGroups.${index} }.timeWindowAdhocStartTime setFieldValue()？
我尝试了以下方法，但它不起作用：
主要原因是我需要确保只返回用户提供的输入时间的时间部分。At the moment, when the time is selected, it is prepends the date to the time, which I don't want.
关于如何将 FieldArray 名称作为 setFieldValue 的一部分访问的任何想法？
javascript - 是的，架构电子邮件使用 formik 重置密码字段验证
我在表单中使用了甲酸，所以这是我的 HTML
所以现在，我正在使用如下验证：
在这里，失败的条件是：
- 如果未填写重复密码字段，则该按钮也将启用
- 我只是想显示密码必须匹配的消息，包括两个密码需要匹配并且两个字段都是必需的条件。
在这里，通过上面的这些验证，这些东西不起作用
谁能帮我这个 ？
css - 为 Formik Multi-Select 组件设置样式，使其看起来像 Material-UI 选择
我正在使用具有多个选择的以下 Formik 选择组件，但我不确定如何使用 Material-UI 样式（如果可能）或我自己的样式来设置它的样式，以至少使它看起来像具有一定高度和长度的 Material-UI 选择以及圆形边框。
请看这里：https ://codesandbox.io/s/l313z619l?file=/src/index.js:673-679
reactjs - 当用户键入内容时将文本存储到会话存储中
我在我的反应表单（formik 库）中使用以下内容来显示文本字段。
用户在文本字段中键入内容后，如何将文本字段的值存储在会话存储中？如果它是一个选择，我会添加Onclick将选择存储到会话存储中的功能。
我想将它存储在存储中的原因是因为我正在使用文件上传（高级）版本，并且一旦用户单击upload按钮，我想从存储中获取描述并在 api 调用中使用它。
输入内容后，我尝试使用以下内容：
但它继续打印Uncaught TypeError: document.getElementById(...) is null
基于 Bassam Rubaye 的回答的故障排除结果：
添加了这样的事件：
并尝试了以下方法：
它在中打印如下console.log：
它会存储test在会话存储中吗？
reactjs - 与 Formik 和 Material UI 出生日期输入组件反应
刚从 React 开始，所以放轻松！我正在尝试构建一个用于输入出生日期的组件，其中每个“日”、“月”和“年”都有一个下拉菜单。我在网上搜索了高低，找不到任何我能够实施的东西。这是我目前的方法，我知道这不是正确的方法 - 如果有人对可能的后续步骤或有用的阅读有任何建议，我将非常感激！（其余的实施将遵循与我几个月来类似的想法。
reactjs - 返回时间部分仅适用于 formik timepicker
我正在使用 Formik TimePicker，因为我需要的只是用户的时间选择，包括秒数，即format="HH:mm:ss"
我面临的问题是，当我查看最终结果时，我注意到它也在返回日期并将其添加到时间之前。
我在这里有示例代码：CodeSandbox-timepicker
如您所见，当您选择时间并按“提交”按钮时，您将看到该日期和时间。
有没有办法只返回时间部分 -format="HH:mm:ss"
reactjs - 如何默认 formik 日期和时间字段以显示占位符值
我正在开发一个使用 Formik for React 的项目，特别是以下 NPM 包 - https://www.npmjs.com/package/formik-material-ui-pickers
我在这个 npm 包中使用来自 CodeSandbox 链接/示例的代码 -
https://codesandbox.io/s/915qlr56rp?file=/src/index.tsx:4770-4987
我的问题是，我如何默认将日期和时间显示为DD-MM-YYYY作为占位符以及默认时间显示HH:MI:SS作为占位符，而不是在启动时显示日期和时间？
只有当用户选择日期和时间时，我才希望它显示和更新 Formik 的初始值。
我已经在https://material-ui-pickers.dev/api/TimePicker和https://material-ui-pickers.dev/api/DatePicker检查了文档，并且看不到任何允许默认值或占位符值的内容.
reactjs - 使用 formik 的自动完成材料 UI 组件正在加载错误和警告
我已经用 formik 在下一个 JS 中为 Material UI 中的 Autocomplete 组件编写了一个示例代码。但是我在加载时看到了一些错误和警告。我从互联网上尝试了几种解决方案，但似乎没有任何效果！有人可以帮助我了解问题所在以及如何解决吗？我已在链接中共享代码供您参考。https://github.com/SamplesForMurthy/formiksample。
错误：useAutocomplete.js:141 Material-UI：
getOptionLabel自动完成的方法返回未定义而不是“”的字符串。
和
警告：useAutocomplete.js:249 Material-UI：提供给自动完成的值无效。没有一个选项与 匹配
""。您可以使用该getOptionSelected道具来自定义相等测试。
reactjs - 是的，名称包含特殊字符的字段验证模式
我正在使用 Yup 与 Formik 进行验证模式。表单字段名称包含句点 (.) 特殊字符。它需要包含此特殊字符，因为此名称由操作引用。字段名称类似于“traits.name.first”。我将验证模式定义为
但验证不起作用。使用字段名称作为 Yup 是否支持和有效"traits.name.first"？请让我知道如何使它工作。目前，此验证不起作用并被忽略。
reactjs - Formik FieldArray 和 useField 字段验证
我正在尝试使用 FieldArray 和 useField 挂钩创建自定义 fieldarray 组件。
该组件将以嵌套形式使用。
一切都很好，除了我在验证方面遇到问题。我无法验证每个字段，因为 meta.touched 只显示一个真或假。（与能够显示已触摸哪个对象的 Formik 渲染错误相比）。
示例代码：
这个问题有什么替代方案吗？