是否可以在没有提交按钮的情况下提交表单?例如,在组件卸载时提交表单,这样用户就不需要单击按钮来保存。想想这样的事情:
import React from "react";
import { Formik, Form, Field } from "formik";
const Example = () => {
useEffect(() => {
return () => {
//trigger Submit or send Request with Form Values from here
};
}, [
我使用jquery制作了todo应用程序,现在使用了react制作相同的应用程序。我做了应用程序的总体布局使用react,但面对问题的附加元素,通过单击按钮。我用jquery编写的代码是。
function entervalue()
{
var text = $('#inputext').val();
$("#list").append('<li class="item"> <input type="checkbox" class="option-i
我希望这个输入字段的Yup错误一旦一个键被记录为最大的交互性就会触发。但是,只有当我从文本字段中单击时,我才会得到错误。在发生第一个onBlur事件并单击“回退”文本字段后,将实时显示下一个错误。
我怎样才能改变这种行为?如果我的第一个字符不是字母,或者我的名字不是5-12个字符,我希望立即出现一个错误。
这是我的密码:
import ReactDOM from 'react-dom';
import { useFormik } from 'formik'
import * as Yup from 'yup';
function Contain
我正在尝试在我的todo应用程序中添加一个表单。在字段中,当我单击输入某样东西时,这会显示一个错误。像这样- TypeError:无法读取未定义(读取'description')的属性
我不知道怎么解决这个问题。请帮帮忙。
这是我的TodoComponent文件。
import React, { Component } from 'react';
import moment from 'moment';
import { Field, Form, Formik } from 'formik';
class TodoCompone
我使用formik构建了一个简单的表单。我有一种情况,一个字段是隐藏后,我选择了电台,但‘不’。但是如果我向这个字段输入值,然后选择'no‘来隐藏它,然后提交我将在最后的json中得到的表单,也就是隐藏字段的值。我的期望是当字段没有显示到屏幕上时,将其从最后的json中删除。
我的表格:
import React from "react";
import { Formik } from "formik";
import { Form } from "react-bootstrap";
import { Radio } from "
这里有一个输入字段,在每种类型上,它都会分发一个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
我有以下类组件:
class ConceptPopup extends React.Component {
constructor(props) {
super(props);
this.state = {
attributeForm: []
};
this.addAttributeForm();
}
addAttributeForm() {
//this method adds label and input field to the state array
我和formik有一个问题。基本上,我将有一个表,其中列出了所有存在错误的表单的Id。当用户单击表单的Id时,它将显示表单本身。要求是在呈现表单时也应该显示错误。有人知道怎么用Formik吗?此外,如果用户编辑字段,字段验证应该正常工作。
我把密码箱链接放在这里。。基本上,我希望当表单出现时,我应该看到错误,而不仅仅是当用户从字段移开或更改时。谢谢。
import { Formik, Field, Form } from "formik";
import { TextField } from "formik-material-ui";
class Post0
我有一个react应用程序,父组件有一个按钮,当单击该按钮时,显示一个简单的对话框,其中包含一个文本输入和一个提交按钮。启用严格模式。有两个问题
表单输入设置为在输入中显示初始值(formik initialValues设置),但没有设置它。
当单击按钮时,我会在控制台中看到一个错误;
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref di
我是个反应新手。我正在尝试创建我的第一个ToDo应用程序。目前,我有两个组件-一个有输入和提交按钮(输入数据)-创建的formik,第二个简单的组件,我想显示这些数据。我不知道如何在这些组件之间传递数据,我正在寻找关于如何正确地进行数据传递的技巧。
这是我的代码:
第一个组成部分(输入数据):
import React from "react";
import { Formik } from "formik";
import { View, Button, TextInput } from "react-native";
function My