我正在使用 React Native 开发一款应用。使用 formik 制作表单时,我收到此错误“TypeError:undefined 不是对象(正在评估‘_useFormikContext.errors’)”import { useFormikContext } from "formik";import { ErrorMessage } from "./index";import ImageI
2021-10-21
已修复:如果您不传递 InitialValues,即使不需要它们,Formik 显然也会生气。我试图在 React 中编写一个 formik 表单,但每当我点击提交按钮时,都会遇到“TypeError:无法将未定义或 null 转换为对象”。有什么想法吗?{(activeServers && Object.keys(activeServers).length > 0) && Object.keys
2021-01-09
我正在尝试弄清楚如何按照此处中 Formik、Material UI、React 工具的 Autocomplete 字段文档中的说明进行操作。文档中给出的示例是:import { Autocomplete } from 'formik-material-ui-lab';const options = [{ title: 'The Shawshank Redemption', year: 1994
2020-08-08
我使用 formik 和 yup 来处理我的表单,我需要验证 formik 在初始值中设置的两个对象:initialValues: {company: { company_name: '', cnpj: '', fantasy_name: '', state_registration: '' },user: { email: '', password: '' }},validationSchema
我对 React 还很陌生,我有一个注册页面,其中有一个密码字段需要使用正则表达式进行验证。我正在使用 Formik 和 Yup 进行验证,但当我在“密码”字段中输入时,我遇到了一个错误,它说调用长度函数的属性未定义。yup 中有一个名为“matches”的函数,我试图利用它来检查正则表达式。那就是我收到此错误的时候。我删除了此验证,之后设置为密码字段的其他验证工作正常。以下是 SignUp.js
2019-04-01
我正在使用Draft-js with Formik和yup来验证 Draft EditorState 组件。我假设我可以使用以下 yup 测试来检查 EditorState 是否不为空://Each note has a string title and a body, which is a Draft EditorStateconst validationSchema = yup.object(
我有一个电子邮件字段,只有选中复选框时才会显示(布尔值为true)。提交表单时,我只希望复选框被选中时(布尔值为 true)才需要此字段。这是我到目前为止尝试过的:const validationSchema = yup.object().shape({email: yup.string().email().label('Email').when('showEmail', {is: true,th
2018-03-20
我找不到使用 Formik 和 React 处理多个文件输入的正确方法。import { Formik, Field } from "formik";const MyForm = () => {const handleOnSubmit = (actions) => {actions.setFieldValue("files", "");};return (<Formik initialValues
2021-04-06
我正尝试按照 Andrew Mead 的Formik 迷你课程在 Formik 中设置一个基本表单。我的表单是:const Household = ({values,errors,touched}) => (<Form><div><Fieldtype="string" name="household_name" placeholder="Household Name"/></div><div><
我正在尝试将 Formik 与 Material-UI 文本字段一起使用。如下所示:import TextField from '@material-ui/core/TextField';import {Field,FieldProps,Form,Formik,FormikErrors,FormikProps} from 'formik';import React, { Component } f
2018-08-31
我基本上只是从这里复制粘贴了这段代码:function Checkbox(props) {return (<Field name={props.name}>{({ field, form }) => (<label><input{...field}type="checkbox"checked={field.value.includes(props.value)}onChange={() => {c
2020-01-23
https://codesandbox.io/s/friendly-bohr-mjyhc这是我的表单的代码片段,我创建了一个字段,我想在更改时更改其值。我没有看到屏幕上的值发生变化,当我控制台记录 event.target.value 时,我只看到当前字母被前一个字母替换(如果我输入 AB,控制台日志值显示 A,然后替换为 B)
2020-07-19
大家好,我是 formik 库的新手,我正在尝试将 react-draft-wysiwyg 组件与 Formik 结合使用。这是我的代码。RichTextEditor.jsimport React, { useState } from "react";import { EditorState, convertToRaw, ContentState } from "draft-js";import
我是 React 和 Formik 的新手,请帮我解决这个问题,我想使用.onSave{product将输入的值传递给另一个组件:import { Formik } from 'formik';import * as Yup from 'yup';export default class ProductForm extends React.Component {constructor(props)
请原谅,我想了解并使用Formik实现某些功能。我有两个选择字段,我想将它们选定的值传递给formik值。它们的作用基本上是获取CountryArray及其对应的区域。我将它们创建为独立组件的原因是,这样我就可以将它们传递给Formik中的 Field 组件。我的国家数组来自import countries from "../data/c-r";。我还使用了react中的useState。但我知道
2020-11-19