提交后重置react bootstrap的表单
可以通过以下步骤实现：
- 首先，确保你已经安装了React和React Bootstrap，并且已经导入所需的组件和样式。
- 在你的React组件中，创建一个表单，并使用React Bootstrap的表单组件来构建表单元素。例如，你可以使用
Form、FormGroup、FormControl等组件来创建表单。 - 在表单的提交处理函数中，通过使用React的状态管理来重置表单。你可以使用
useState钩子来创建一个表单状态，并在提交处理函数中将其重置为初始值。 - 在表单的提交处理函数中，通过使用React的状态管理来重置表单。你可以使用
useState钩子来创建一个表单状态，并在提交处理函数中将其重置为初始值。 - 在上面的代码中，我们使用
useState钩子创建了一个名为formData的状态，它包含了表单的初始值。在表单的提交处理函数中，我们使用setFormData函数将表单状态重置为初始值。 - 在你的应用程序中使用
MyForm组件来渲染表单。 - 在你的应用程序中使用
MyForm组件来渲染表单。 - 在上面的代码中，我们将
MyForm组件嵌入到应用程序的根组件中。
这样，当你提交表单后，它将被处理并重置为初始值，以便用户可以继续填写新的表单数据。
相关·内容
1回答
你好，我正在尝试用React Bootstrap在React/Next.js应用程序中设置一个联系人表单。提交表单后如何重置表单？当我添加一个重置句柄时，验证不再起作用。") { } }
这是表
浏览 2提问于2021-06-30得票数 0
2回答
在提交Form后，我遇到了重置它的问题。我试着做一些像document.getElementById("formularz").reset()这样的事情，但它不起作用，在handleOnSubmit的末尾也做不到像event.target.title=""这样的事情。它确实重置了字段，但当我开始写入新数据时，突然在每个输入中都显示了以前提交的数据。我的组件：
浏览 12提问于2021-06-08得票数 0
回答已采纳
1回答
react中的输入重置
、、、
我正在开发一个react应用程序。我说的是表单中的两个输入，提交表单后，我的字段不会重置。如何做到这些。我附上了我的表单组件代码，谁能帮我解决这个问题。import React, { Component } from 'react';
return
浏览 12提问于2018-09-04得票数 1
回答已采纳
我遇到了这样一个溢出，它建议我们可以在表单上使用e.target.reset()在提交后重置表单。但是，我无法在我的情况下使用它： const [isSubmitted, setIsSubmitted] = useStateisRemoved, errorMessage)} ); <
浏览 0提问于2020-04-05得票数 0
在单击表单提交后，我尝试使用react路由器链接重定向到"/SwatThankYou“页面。该表单是作为电子邮件发送到我的gmail帐户使用电子邮件，所以，我可以看到它是否运行。, Input, Label } from 'reactstrap';import 'bootstrap/dist
浏览 4提问于2021-04-09得票数 1
回答已采纳
我使用Formik作为我的react表单。表单提交后，我需要重置表单。我需要在save函数中重置表单。这是我的save函数。根据下面的文档，代码是为我工作的。 <Formik actions.resetForm();
浏览 46提问于2021-03-22得票数 0
回答已采纳
以角反应的形式。如何在成功提交后只重置表单的状态？
form.reset()只是清空表单。但是如果我不调用它，状
浏览 9提问于2017-05-03得票数 58
回答已采纳
2回答
render中的条件语句
、、、
我正在尝试创建一个网站的评论部分，我正在工作。一旦提交了注释表单(在AfterCommentButtonClick中)，状态formSubmitted就从false变为true，这会在render方法中触发一个条件语句。这将调用子组件，该组件接收用户的注释并对其执行一些样式。我的问题是，我希望我的应用程序允许多个评论。有没有一种方法可以保存之前呈现的注释，然后像现在一样创建一个新的<UserComment>实例，在提交<e
浏览 16提问于2019-08-01得票数 1
回答已采纳
我正在尝试创建一个可以创建和编辑实体的React Native应用程序。 例如，用户。 我有一个表格，需要名字和姓氏，以及电子邮件地址。如果传递了用户参数，则表单应采用这些值。在此之后，表单将保留第一个值。 如何强制对表单进行重新评估？function FormScreen({ navigation, route }) { const initialValuesSubmit</button&
浏览 33提问于2021-07-04得票数 0
回答已采纳
1回答
我正在尝试在ReactJS中提交表单数据时重置组件的状态。除了表单无法清除的事实之外，我怀疑如果我成功地重置了它，子组件中呈现的数据将在我成功重置后消失。我想要发生的是，在表单提交时，呈现传递给子组件的数据，清除并重置表单，但留有子组件呈现的原始数据。然后，在下一次提交时，根
浏览 8提问于2018-01-11得票数 0
回答已采纳
我预期的结果是在表单提交后重置表单，并设置绑定到formGroup控件的默认值。我试图在提交后通过在表单提交上调用reset()将表单重置为其默认数据。请告诉我如何重置日期和时间字段中的默认值。
浏览 0提问于2018-04-17得票数 4
2回答
AJAX提交后重置HTML表单
、、、、
我有一个简单的HTML表单，带有reset和submit按钮，它是使用AJAX调用提交的。有没有办法在不重新加载或重新创建表单</e
浏览 54提问于2020-05-20得票数 0
1回答
提交后重置表单
、、、、
我有一个react表单，它在按钮被单击时调用graphql突变。单击按钮并完成变异后，表单中的文本仍然存在。因此，为了运行新的变异，用户必须手动删除文本字段中写入的文本。提交表单后，有没有办法自动重置文本字段？
浏览 0提问于2020-04-04得票数 0
下面是完整的代码。import React from 'react'; constructor
浏览 5提问于2022-01-17得票数 0
2回答
我知道它已经被问了好几次了，我已经读过其他的问题了，但是我的问题仍然存在。我有一个简单的表格，我希望验证后，成功提交消失。$setUntouched(); }
这是个简单的任务，不会那么难的。我遗漏了什么？
浏览 0提问于2015-03-25得票数 1
回答已采纳
我是一个反应项目的工作，我试图重置一个表单后，点击提交按钮在反应，但它不工作。在单击submit按钮后，我正在使用useRef钩子重置表单。但工作不正常。因此，请有人帮助我如何重置一个表单后，我点击提交按钮。import React, { useState, useRef } from 'react';
imp
浏览 2提问于2020-03-16得票数 0
回答已采纳
4回答
如何从父组件更改子组件的状态
、、、、
所以我有一个React网页。 父组件包含所有子组件(下拉列表、单选按钮、表等)一旦我用一个按钮提交了所有的表单，我希望所有的组件状态都返回到null。 在没有Redux的情况下，这是可能的吗？我知道在这一点上我绝对应该使用Redux，我将在接下来的几天里开始学习它，但在跳过它之前，我只想仔细考虑一下，如果没有React，我想要做的事情是可能的/不可能的。 只是为了内心的平静和充分的
浏览 43提问于2018-08-21得票数 1
回答已采纳
3回答
特定字段格式的句柄重置
、、、
我刚开始使用Formik，我喜欢它使制作表单和在react中处理表单变得多么简单。我已经使用formik创建了多个自定义字段，我在这里将创建的react select字段作为示例。import { ErrorMessage, Field } from "formik";import Select from 'react-selectclassNam
浏览 21提问于2022-03-17得票数 5
2回答
我在电子邮件输入字段中进行了自定义验证，这是由form.reset()触发的，它重置表单(在用户成功提交表单之后)。
我想知道如何在用户提交和重置表单后不触发验证？
浏览 1提问于2020-01-26得票数 1
回答已采纳
3回答
我是新的角度6，在这里，我试图重置表单后，提交的数据。我试过很多方法来解决这个问题，但我解决不了。这里，在每次表单提交之后，我希望在为另一个提交输入表单字段中的数据之前重置表
浏览 3提问于2018-10-15得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
