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