如何在 useEffect 钩子中使用 Formik 的 setFieldValue 方法
我有一个Formik表单，需要根据通过路由传递的信息动态更改。我需要运行一个GraphQL查询来检索一些数据，并使用检索到的数据填充表单。我能够设置表单并检索数据，但是在useEffect钩子中如何为底层表单设置setFieldValue仍然困扰着我。我觉得我缺少获取Formik上下文的重要部...
Material UI Autocomplete 中的 Typescript 相等性问题
数据存储格式： { iso: "gb", label: "United Kingdom", country: "United Kingdom" }, { iso: "fr", label: "France", country: "France" } 自动完成组件接收的值为：{ iso: "g...
Formik 和 Material-UI
我正在尝试将Formik与Material-UI文本字段一起使用。就像这样： import TextField from '@material-ui/core/TextField'; import { Field, FieldProps, Form, Formik, Fo...
Formik和yup表单验证在使用VirtualizedSelect时不能按预期工作
我使用Formik创建了一个表单，以进行表单验证。我使用了组件Formik、Form、Field和formik中的表单，并对它们进行了配置： import { Formik, Form, Field } from "formik"; import { object, string...
如何在不提交表单的情况下访问 Formik 字段的当前值？
在我的React组件中，如何访问名为countryCode的SelectField的值？使用情况是验证方案应根据国家代码而改变。 <Formik onSubmit={(values, actions) => this.onSubmit(values, actions....
使用Yup和Formik自动修剪空格
我正在使用Formik React表单和在模式上定义的Yup验证：export const Contact = yup.object<IContact>().shape({ contactName: yup .string() .trim('The contac...
警告：在测试中更新Formik时未包装在act(...)中。
当我运行我的测试时，即使测试工作正常，它也会向我发送警告。经过一些研究，似乎我必须把它放在act中，但这是同样的事情。 当我运行测试时，即使测试成功，也会收到警告。经过一些研究，似乎我需要将其包含在act中，但这并没有改变任何内容。console.error Warning: An ...
Formik 中的 getFieldValue 或类似功能
在formik的点击处理程序中获取字段的值的方法有吗？你可以在那里使用setFieldValue，所以我认为（但找不到任何地方）Formik应该有类似于此的东西来检索值：<Button onClick={() => getFieldValue('name') === 'Test' ...
Yup验证两个字段中的其中一个必填（其中一个是数字数组）
我正在使用Formik、Yup和Typescript，我将这个作为表单的初始值... const initialValues = { title: "", overview: "", related_items_id: [], short_desc: "" }...
从JSON创建动态Yup验证模式
我正在尝试在我的React表单中使用Yup和Formik。这些表单字段将是动态的，因此它们的验证也是如此。 export const formData = [ { id: "name", label: "Full name", placeholder: "Enter...