formik 相关问题

React的表单库

Formik - 如何检查 <select> 字段的 onChange fireEvent？

在 React 中，我将 formik 用于表单。我有如下字段 {({ 字段 }) => { 返回（在 React 中，我使用 formik 作为表单。我有如下字段 {({ field }) => { return ( <Select {...field} id="icon" value={selectedIcon} onChange={(item) => { handleSample(); dispatch( abcd(index, "icon", item.value) ); }} options={dropdownData.icons} styles={{ menuList: (provided) => ({ ...provided, height: "146px", }), }} /> ); }} </Field> 在测试中，我以正常方式尝试并引用了 fireEvent.change(input, { target: { value: "Test" } }) 但是，这不会调用onChange 方法。在这种情况下，更改事件将如何工作？

reactjs select events jestjs formik

回答 0 投票 0

注册表禁用提交按钮[关闭]

我厌倦了搜索如何在页面重新加载时禁用 React JS 中的提交按钮，并在所有表单验证未完成时禁用按钮在验证要求为

reactjs forms validation formik yup

回答 0 投票 0

使用 Yup 和 Formik 自动修剪空白

我正在使用在模式上定义的 Formik React Form 和 Yup 验证： export const Contact = yup.object().shape({ 联系人姓名：是的。细绳（） .trim('联系人姓名不能

reactjs typescript validation formik yup

回答 5 投票 0

fieldarray 中只有一个属性项必须为真

我正在使用 Yup 和 Formik 实现动态表单。我有一个 FieldArray，其中包含我可以添加和删除的元素。每次我添加它时，它都会添加一行，其中包含一个具有名字、姓氏和...

reactjs formik yup

回答 1 投票 0

类型提交在 react-phone-input-international 中不起作用

我正在使用来自 react-phone-input-international 的 PhoneInput 和用于表单生成器的 formik，当我尝试在按钮上使用类型提交时它不起作用。这是我的代码我正在使用来自 react-phone-input-international 的 PhoneInput 和用于表单生成器的 formik，当我尝试在按钮上使用类型提交时它不起作用。这是我的代码 <form onSubmit={formik.handleSubmit}> <PhoneInput name="mobileNumber" country={'in'} value={formik.values.mobileNumber} placeholder="" countryCodeEditable={false} onChange={(value, country, e, formattedValue) => { formik.setValues({ ...formik.values, "mobileNumber": formattedValue && formattedValue.replace(/ /g, '') }) } } /> <Box className="send-otp"> <Button otpBtn type='submit' name={(t(`btn.send_otp`))} /> </Box> </form> 我正在尝试在按钮上输入提交但不工作。这是codesandboxhttps://codesandbox.io/s/phoneinput-react-gybgzd

reactjs formik formik-material-ui react-phone-number-input react-phone-input-2

回答 0 投票 0

导入yup文件时白屏死机问题

我正在使用 formik 和 yup 进行反应。我制作了这个 yp 模式文件，但我不知道为什么当我将它导入我的组件时，我的整个应用程序全是白屏。任何人都可以找到解决我的问题的方法。

reactjs formik yup

回答 0 投票 0

如何在 react-date-range DateRange 包中获取开始日期和结束日期，以及在 reactjs 中使用 formik 和 yup 进行验证

const [selectionRange, setSelectionRange] = useState({ 开始日期：新日期（），结束日期：空，关键：“选择”， }); const handleSelect = (ranges, { setFieldValue }) => {

reactjs formik yup react-date-range

回答 0 投票 0

对多个值进行验证

我想在 formik 中使用 yup 验证我的表单。假设我有 4 个字段 A、B、C、D，它们都是字符串。如果我想至少有一个字段，我应该如何编写验证模式是......