51得票6回答
如何在React中使用Formik自定义输入?

我正在尝试在Formik中使用DatePicker。但是当我点击DatePicker的日期时,它的表单值不会改变。相反,我得到了这个错误: Uncaught TypeError: e.persist is not a function at Formik._this.handleCha...

49得票6回答
使用Formik表单的React日期选择器

我正在尝试在Formik表单中使用react-datepicker。 我有:import DatePicker from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; class Fuat...

45得票5回答
使用Formik、Yup和React进行异步验证

我想使用 Formik 和 Yup 的验证模式来实现异步验证,但是我找不到示例或演示。

43得票6回答
使用 Yup 和 Formik 进行密码验证

如何同时进行密码验证并将错误传递到不同的变量中? 例如:password: Yup.string().required("Please provide a valid password"), passwordMin: Yup.string().oneOf([Yup.ref('password...

43得票5回答
使用YUP验证文件是否存在

我正在使用Yup验证我的表单。在我的一个表单中,我想验证一个<input type="file" />是否有文件。 我已经测试过这个(但它不起作用): Yup.object().shape({ file: Yup.object().shape({ name: Yup...

42得票2回答
为什么Formik的“touched”属性没有被填充?

我在使用React、Formik、react-bootstrap和yup进行表单制作。我尝试显示验证错误,但是touched属性没有填充字段。 const schema = yup.object({ name: yup.string().required(), email: yup ...

41得票2回答
如何从外部操作更新 Formik 表单字段

我正在尝试从模态屏幕更新Formik字段。 模态返回数据并将其设置到pageState中。考虑到我的Fomik表单具有“enableReinitialize”属性,字段更新正常工作。 然而,如果表单处于“dirty”状态,也就是说,表单中的其他字段已更新,则更新字段的过程将不再起作用。该字段本...

40得票3回答
Formik的值不随状态更新

这是我使用Formik和react-bootstrap编写表格的模板。我发现一个非常奇怪的错误:如果我在构造函数中使用虚拟数据初始化我的状态,则可以正常工作;但是如果我在componentDidMount中调用setState并使用完全相同的数据来模拟API调用,则会出现严重错误。 具体来说...

39得票8回答
多值的 Yup 验证

我希望使用Formik中的yup对表单进行验证。假设我有4个字段A,B,C和D,它们都是字符串。如果我想要至少一个字段不为空,则该表单有效,我应该如何编写验证模式?先谢谢!

38得票4回答
使用Material-UI的Autocomplete组件与Formik一起

目前正在尝试使用Material UI的Autocomplete组件与Formik一起使用。到目前为止,像文本字段和传统选择器之类的来自Material-UI的东西都非常适合Formik。但实现Autocomplete却不是这样。Formik的onChange处理程序似乎无法更新我的city_...