我正在使用node.js mySql和react创建一个CRUD web应用程序。我有一个可以通过创建新行进行编辑的表。我选择了Formik来处理这个问题。 我使用以下命令安装它:npm install formik 但是,当我创建JSX结构并运行程序以检查一切是否正常时,它在浏览器中显示以下错误 "Error: Invalid hook call. Hooks can only be called inside of the body of a function component". import React from "react";
import {
当前正在尝试在Formik中使用Material UI的组件。到目前为止,像文本字段和传统的Material-UI选择这样的东西在Formik上运行得很好。实现自动完成不是这样的。Formik的onChange处理程序似乎没有更新我的city_id的值。我知道Autocomplete仍然不是Material-UI的核心库的一部分,但目前仍在观察这样的事情是否可能发生。
import React from "react";
import ReactDOM from "react-dom";
import { Formik, Form } from 'for
在一个简单的react应用程序中,我使用了formik钩子useFormik,但是浏览器抱怨它在错误的地方使用。以下是我所做的:
import React from 'react';
import { useFormik } from 'formik';
const SignupForm = () => {
// Pass the useFormik() hook initial form values and a submit function that will
// be called when the form is submi
我使用formik构建了一个简单的表单。我有一种情况,一个字段是隐藏后,我选择了电台,但‘不’。但是如果我向这个字段输入值,然后选择'no‘来隐藏它,然后提交我将在最后的json中得到的表单,也就是隐藏字段的值。我的期望是当字段没有显示到屏幕上时,将其从最后的json中删除。
我的表格:
import React from "react";
import { Formik } from "formik";
import { Form } from "react-bootstrap";
import { Radio } from "
我正在尝试构建一个功能,当用户导航远离表单时,即当组件卸载时,应该触发保存,即将表单数据发送到服务器。只有在表单数据中有任何更改时,才会发生。有人能告诉我为什么会发生这种事吗。我尝试过基于类的方法,但我不想重构我的生产代码。
import { useCallback, useEffect, useState } from "react";
import React from "react";
import * as _ from "lodash";
import { useFormik } from "formik";
// f
我和formik有一个问题。基本上,我将有一个表,其中列出了所有存在错误的表单的Id。当用户单击表单的Id时,它将显示表单本身。要求是在呈现表单时也应该显示错误。有人知道怎么用Formik吗?此外,如果用户编辑字段,字段验证应该正常工作。
我把密码箱链接放在这里。。基本上,我希望当表单出现时,我应该看到错误,而不仅仅是当用户从字段移开或更改时。谢谢。
import { Formik, Field, Form } from "formik";
import { TextField } from "formik-material-ui";
class Post0
我有一个包含react-select字段的formik表单,所以我的问题是,我有另一个可能影响react-select组件默认值的字段和按钮,我尝试使用setFieldValue函数表单formik,但是这确实改变了表单值,但是没有显示select中的选项。
de codeSandbox我做了一个简单的例子来说明我要做什么
对此有何看法?
我正在使用Yup和Formik进行一个react表单验证。表单中有一个需要验证的react-select元素。对于验证,我使用validationSchema of Formik来验证表单的值变化。我只需要作为字符串的select字段的值,所以不能接受完整的对象(键值)。select字段工作正常,无论验证错误消息是否被清除。问题是如何使用现有方法验证select字段?
下面是最小的代码示例。
import ReactDOM from "react-dom";
import React, { useState } from "react";
import { Gr