我试图使用setValues只清除函数clearCurrentEntries中Formik表单中的一些键,但是无论我做什么,我都得到了错误Too many re-renders. React limits the number of renders to prevent an infinite loop. --我也尝试在showInput函数中调用clearCurrentEntries,但是不管我把它放在哪里,都会得到相同的重选器超出错误。
如何清除Formik状态下的一些值,但防止应用程序多次重新运行并抛出此错误?
const Container = () => {
const e
遵循Formik文档中的,并使用Bootstrap 5,我尝试创建一个布尔无线电组件,该组件将在name和label中传递。但是,在使用initialValues进行呈现时
<Formik
initialValues={{
foo: false,
bar: false,
}}>
之所以选择no,是因为初始值被设置为false,但是每当选择yes时,收音机都不会填充组件:
import React from 'react'
import PropTypes from 'prop-types'
import { Field } f
我有一个Formik表单,在布局中使用react引导,为验证使用yup,如下所示:
import React, { useEffect, useState } from "react";
import { useHistory } from "react-router-dom";
import { useParams } from "react-router-dom";
import { Formik, Field } from "formik";
import * as Yup from 'yup';
impo
我使用Formik库来处理嵌套对象。因此,我尝试了FormArray在FormArray中,但它没有正确地呈现。我怎么才能解决呢?
尝试了各种处理嵌套对象的方法,但问题是Field没有按我的意愿呈现。
import React from "react";
import { Formik, Form, Field, FieldArray } from "formik";
// Here is an example of a form with an editable list.
// Next to each input are buttons for inse
有一个带有按钮的Formik表单,它工作得很好,结构如下: class CreateProviderForm extends React.Component {
constructor(props) {
super(props);
}
handleSubmit = values => { // this is called when the button is clicked
...
};
render() {
const initialValues = {
name: '',
ph
这里有一个输入字段,在每种类型上,它都会分发一个redux操作。我已经放了一个useDebounce,这样它就不会很重了。问题是,它说,Hooks can only be called inside of the body of a function component.,什么是正确的方式来做它?
useTimeout
import { useCallback, useEffect, useRef } from "react";
export default function useTimeout(callback, delay) {
const callbackRef
我现在正尝试用Formik在NextJs 13 (类型记录)上创建一个表单。我创建的表单不起作用,然后我尝试从Formik添加示例代码片段,如下所示。我创建的表单和Formik的示例都只是在控制台中返回TypeError: React.createContext is not a function。我可以在另一行控制台错误中看到这个(sc_server)/./node_modules/formik/dist/formik.cjs.development.js。
import * as React from 'react';
import {
Formik,
Formik
我想将material-ui添加到我的formik应用程序中。我使用formik-material-ui库(https://github.com/stackworx/formik-material-ui)来做这件事。但是,当我将material-ui textfield组件插入到字段中时,在提交之前会触发验证。我的直觉是这是一个mapStateToProps问题,但我不确定如何将它集成到我的代码中,因为关于它的文档并不多。 任何帮助都非常感谢,谢谢! import React from 'react';
import * as Yup from 'yup';