formik 相关问题

React的表单库

需要帮助将数据拉入formik formvalue 需要帮助将数据拉入formik formvalue <Field value={group.name} name="oldgroup" type="hidden" /> 看来formik不会将设置值提交到我的formvalue...... 如果没有 formik，我可能会使用 e.target.value 将值获取到 formvalue 对象中。但我无法用 formik 解决这个问题。提交时如何将设置值拉入我的表单值？ {groups.user.map((group => { return ( <div style={{width:554, height:100}}className="userlist" key={group._id}> <label>name:<p>{group.name}</p></label> <div style={{display:"flex"}}> <div> <Formik initialValues={initialValues2} validationSchema={validationSchema} validateOnChange={false} validateOnBlur={false} onSubmit={handleRenameGroup}> {({ errors, touched, setErrors}) => ( <Form > <div> <button type="submit" disabled={loading}> {loading && ( <span className="spinner-border spinner-border-sm"></span> )} <span>Add Group</span></button> <Field onClick={e => { setErrors({errors: {}}) }} placeholder="Enter new group here" name="group" type="text" className={ (errors.group && touched.group ? " is-invalid" : "") }/> <ErrorMessage name="group" component="div" className="invalid-feedback"/> <Field value={group.name} name="oldgroup" type="hidden" /> </div> </Form> )} </Formik> </div> <div> <button onClick={handleRemoveGroup} value={group.name}>Remove</button> </div> </div> </div> ) }))} 最终结果应该是 formvalue = {group:value, oldgroup:value}

reactjs formik

回答 0 投票 0

反应：输入失去焦点，输入字符，

很想玩react 使用 MUI、formik 和 yup 创建一个登录页面，将电子邮件和密码作为输入字段但每当我尝试在一个字符后输入任何文本时，输入就会失去焦点。

reactjs material-ui react-router formik yup

回答 1 投票 0

是的，具有多个字段的条件验证

我在 ReactJS 应用程序中将 Yup 与 Formik 一起使用。我有很多字段，如果任何字段被填充，这些字段就会成为必需的。幸运的是，Yup 提供了一个函数 when 来处理条件验证，但是...

reactjs formik yup

回答 2 投票 0

Material UI 输入字段自动完成=关闭不起作用

我正在使用material-ui中的输入字段和react，尝试为所有字段设置自动填充，并尝试了多种可用的解决方案，但它们似乎都不能正常工作。尝试过

reactjs material-ui formik

回答 1 投票 0

如何在 Yup Formik 中验证嵌套条件验证

要有条件地验证字段，是添加送货地址：Yup.boolean(), 名称： Yup.string().when('addShippingAddress', { 是真的，然后： (schema) => schema.required('F...

javascript reactjs formik yup

回答 1 投票 0

如何处理来自 axiosResponse 的数据以显示在 MUI 卡上？

axiosResponse 数据到 MUI 卡你好。我正在从事一个小型大学项目，该项目要求我创建一个 Formik 表格，在该表格中我将获得一个水果名称，然后将其用于...

reactjs axios material-ui formik

回答 0 投票 0

Formik 字段占位符不会消失，即使在输入 react js 中有值

因为我还不能嵌入图片我有一个 formik 字段，这个字段有一个占位符，占位符不会消失，它只会在专注于该字段时消失我能做些什么？我有什么...

reactjs formik placeholder

回答 0 投票 0

React - Formik - 不验证禁用的控件

我正在寻找一种解决方案来停止对禁用、不可见或未呈现的控件进行 yup 验证。我有这样的控制：我正在寻找一种解决方案来停止对禁用、不可见或未呈现的控件进行 yup 验证。我有这样的控制权： <MySelectInput disabled placeholder={mandantOptions[0].text} name="mandant" options={mandantOptions} clearable={false} /> const validationSchema = Yup.object({ mandant: Yup.number().min(1, 'Select Mandant'), }) 有人可以帮我弄清楚当字段被禁用或不可见或未呈现时我如何停止使用 yup 进行验证。非常感谢您的帮助阿加

reactjs formik yup

回答 0 投票 0

警告：isInitialValid 已被弃用，将在未来版本的 Formik 中删除

警告：isInitialValid 已被弃用，并将在未来版本的 Formik 中删除。请改用 initialErrors 或 validateOnMount。我没有在 formik 中找到 validateOnMount ？常量 ...

reactjs formik formik-material-ui

回答 2 投票 0

自定义输入字段在我键入时失去焦点

我有这个带有自定义输入字段的注册表单。现在，当我尝试打字时，在第一个字符之后它失去了焦点。我想知道我是否可以借用别人的眼睛来弄清楚为什么？ :) ... 进口{佛...

reactjs formik

回答 0 投票 0

Formik useField

我正在尝试理解 useFormik() 函数。下面是一个语法示例： const MyTextField = ({ label, ...props }) => { const [field, meta, helpers] = useField(props); ...