如何在React中强制重新呈现表单中的输入字段？
在React中，可以通过使用key属性来强制重新呈现表单中的输入字段。当key属性的值发生变化时，React会将组件视为全新的组件，从而触发重新渲染。
具体步骤如下：
- 在表单组件的父组件中定义一个状态变量，用于存储
key属性的值。 - 将该状态变量作为
key属性的值传递给表单组件。 - 当需要强制重新呈现表单中的输入字段时，更新状态变量的值。
以下是一个示例代码：
import React, { useState } from 'react';
function FormComponent() {
const [formKey, setFormKey] = useState(0);
const handleForceUpdate = () => {
setFormKey(prevKey => prevKey + 1);
};
return (
<form key={formKey}>
{/* 表单输入字段 */}
<input type="text" name="username" />
<input type="password" name="password" />
{/* 强制重新呈现按钮 */}
<button onClick={handleForceUpdate}>强制重新呈现</button>
</form>
);
}
export default FormComponent;在上述示例中，通过在form元素上设置key属性，并将formKey作为其值，当点击"强制重新呈现"按钮时，会更新formKey的值，从而触发表单组件的重新渲染，达到强制重新呈现表单中的输入字段的效果。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
- 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活选择配置，支持多种操作系统，适用于各类应用场景。产品介绍链接：腾讯云云服务器
- 腾讯云云数据库MySQL：提供高性能、可扩展的关系型数据库服务，支持自动备份、容灾、监控等功能，适用于各类应用的数据存储需求。产品介绍链接：腾讯云云数据库MySQL
相关·内容
我正在为一个使用ES6 JavaScript构建的开源React/Redux应用程序做出贡献。我是React/Redux的新手，所以我遇到了一些麻烦。
我有一个父类，它呈现两个不同的React组件。第一个组件包含一些关于事件的输入字段(称为NewShift)。第二个组件是呈现这些事件的日历(称为Index)。
一旦用户填写了输入字段并按下了第一个组件中的按钮，我希望能够在第二个组件中重新呈现日历。如果重新呈现函数在日历组件中，我如何从输入字段组件(两个子组件)调用它。
浏览 1提问于2019-03-29得票数 0
2回答
我有一个带有一些输入字段的表单(其中一些字段在复选框被选中之前是隐藏的。当我选中/取消选中复选框时，将设置特定的状态(this.state.isChecked = true/false)。
在render方法中，我有一个带有一些类的div (包含一些输入字段)，"show“类的条件是：<div className={'extra-fields ' + (this.state.isChecked? ' show' : '')}>...</div>
预期的行为是，在状态改变时，只有"show“类被放入或从div
浏览 6提问于2016-02-15得票数 1
2回答
我是这么新的反应JS。我没有维护由其他人编写的代码。我的问题可能太基本了，对不起。
页面中有一个表单。是否在单击提交按钮后重新呈现页面？在我的onSubmit方法中，没有重新呈现网页的代码块.例如，在提交表单后，我希望设置一个标签"Register是否成功“。此外，如果表单中存在验证错误，我希望对输入字段进行着色。
实际上，我不知道何时重新呈现页面以及它呈现的页面的哪一部分？在页面中的某个地方，我如何强制重新呈现？
这是我的onSubmit方法；
onSubmit(e) {
e.preventDefault();
this.setState({
loading: tr
浏览 0提问于2018-12-27得票数 1
回答已采纳
1回答
我是React.js的新手，最近我学到了反应中的受控输入。
代码：
下面是我所做的一个示例实现：
import React, { useState } from 'react';
const MyForm = () => {
console.log('rendered'); // Line 5
const [text1, setText1] = useState('');
const [text2, setText2] = useState('');
const onSubmit =
浏览 2提问于2020-07-23得票数 2
回答已采纳
我用钩子构建了一个可控制的表单组件，使用了样式化的组件，而不是styles.css文件。然而，每当我在输入字段中按下键时，焦点就会丢失。经过大量调查后，我发现，通过返回到styles.css文件并放弃样式化的组件，一切都如愿以偿。在使用钩子时，这是一个已知的样式组件问题吗？
更新日期:2019年7月4日
下面是示例代码。第一个字段使用样式组件将“输入”更改为“输入”。每次单击时，该字段中的焦点就会丢失。第二个领域没有问题。当然，每次调用setFirstName()时都会呈现表单，焦点也会丢失，就像许多其他StackOverflow答案中所解释的那样。但是每次单击后呈现并不会影响第二个字段中的焦
浏览 0提问于2019-03-30得票数 1
回答已采纳
2回答
import React, { useState } from "react";
function App() {
const [name, setName] = useState("");
const [headingText, setHeadingText] = useState("");
function handleChange(event) {
// console.log(event.target.value);
setName(event.target.value);
}
function
浏览 15提问于2021-05-22得票数 0
2回答
我有一个带表单的函数式React组件。表单有多个文本输入
<Form onSubmit={submitHandler}>
<div className="mb-3">
<label className="form-label">Role</label>
<input type="text" onChange={(e)=>setRole(e.target.value)} className="form-control" i
浏览 35提问于2021-05-30得票数 0
回答已采纳
我正在创建一个具有条件流的react表单。例如，当选择一些select选项时，可能隐藏两个输入字段。创建基于select选项的状态并使输入元素的可见性取决于当前状态是一个好主意吗？或者我是否应该在输入元素中添加参考信息，并使select原因成为一个更改事件，用于操作输入的可见性？
浏览 4提问于2015-02-03得票数 0
回答已采纳
1回答
我正在使用来响应表单处理。我发现它真的很好，但不知道如何在给定的输入字段上触发错误，如果服务器用错误进行响应。
例如，您获得了一个登录表单，您决定不在表单下显示一个警告框，但是抛出一个自定义错误，新表单捕捉到该错误消息并在输入字段下面显示一个错误消息Username does not exist。(就像在客户端验证一样)
浏览 4提问于2015-04-27得票数 0
回答已采纳
1回答
我有一个巨大的形式建立了反应和材料-ui。表单使用双向绑定和update状态进行输入更改。更改任何输入字段都会使所有组件都变为update (通过react tools TraceReactUpdate已启用)。当涉及到TextField时，它使我的页面呈现非常慢的。使用this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this)没有帮助。
浏览 5提问于2016-10-03得票数 1
回答已采纳
我有一个可重用的组件<Layout />，它允许我将自定义组件传递到content和sidebar属性中。
在其中一个例子中，我将一个输入字段放入内容中，该内容是一个受控组件，并使用useState()处理数据。
然而，当我输入输入时，我发现我的键盘正失去焦点。看起来整个表单都是重新呈现的，我无法阻止它这样做。
当我的代码都是内联的时候，这是很好的，但是由于重构它来使用<Layout />组件，它产生了一些奇怪的效果。
我不想使用任何额外的库除了核心反应16.x
我试过使用useCallback()、密钥、名称、I、参考文献--都没有用。
我已将回调函数移出
浏览 4提问于2020-05-13得票数 2
回答已采纳
有一种非常方便的方法可以在React中存储一些与呈现无关的数据，方法是为它创建一个字段。
例如，如果我创建了几个表单，每个表单只出现在某个步骤，并且希望在每个步骤之后保存其数据，那么在Class I中将这样做：
/*in class*/
data = [];
saveData = (field) => {
this.data.push(field);
};
但是，如果没有"this"，以及在每个呈现上重新创建所有作用域变量，我如何在功能组件中执行相同的操作？
浏览 0提问于2019-06-27得票数 2
回答已采纳
1回答
我是React.js的新手，所以如果这是一个愚蠢的问题，或者是以前被问到的问题，我很抱歉。我有一个组件树结构如下：表单(祖父母)→输入字段(父)→按钮(子)
我正在尝试侦听按钮的单击(事件处理程序)，并让它在form级别触发一个函数(理想情况下，还将输入字段的内容传递给表单)。
是否有一种通用的方法来完成此操作，或者我应该阅读的文档中的某个特定部分？我知道我可以通过道具把数据从父母传递给孩子，有相反的吗？
浏览 5提问于2022-02-20得票数 1
回答已采纳
1回答
我有一个异步上传文件的react组件。上传文件后，服务器上的ID将存储在隐藏字段中，并保存为另一个表单的一部分。此组件在保存ID的窗体中呈现。由于IE支持，我不能使用Javascript。
我在JQuery中使用了这个功能，但我正在尝试将其转换为react。一旦文件被选中，我需要将文件输入字段移动到当前表单之外的另一个表单，以便可以上载。我的react组件包含这个文件输入字段，onChange我使用jQuery来移动它。在我移动它之后，我更新我的状态，以便我的呈现方法将再次被调用。调用它时，它不会呈现文件输入字段。我的期望是，它将看到文件输入字段不是呈现方法放置它的位置，而是创建一个新的字段。
浏览 1提问于2015-12-22得票数 0
回答已采纳
假设有一个允许用户编辑账单(发票)的React页面。该法案有相当数量的可编辑字段，比如100个。此外，一张账单可以有任意数量的行项目。让我们想象一下其中的100个，每个都有20个字段。
如果账单是“父”，并由React组件呈现，则行项为“子”，每个子项由“子”组件呈现。
我在父组件中维护账单(及其行项)的状态，这是正确的。
我希望在子组件(行项)中使用受控输入字段。然而，这意味着，至少是天真地，每个按键都会导致父组件(bill)组件中的状态更新，以及一些重新呈现，即使我明智地使用了React.memo。
性能很快变得慢得令人无法接受，即使只有10行的项目，像500-800毫秒的延迟在每个按键。
浏览 2提问于2020-02-18得票数 5
回答已采纳
我有一个ant设计模式，我使用setState调用它，它调用一个独立的组件，其中包含一个ant设计表单，该表单在模式主体内呈现，这就是功能组件的样子。 export default function EditTableCell({ record}) {
const [colorSwatch, setColorSwatch] = React.useState(record.color)
const [colorPalletVisible, setColorPalletVisible] = React.useState(false)
if (record === 'add')
浏览 24提问于2021-11-21得票数 1
回答已采纳
我正在尝试构建一个带有自定义输入字段的表单。问题是形式的结构不是事先就知道的。我希望它能抽象出尽可能多的通用功能。因此，我创建了一个表单组件，它实际上负责存储所有输入组件的值，并在提交时执行操作。在表单中休息，说明html应该如何由用户编写。
下面是一个快照：
自定义输入字段：
class InputField extends React.Component {
constructor(props, context) {
super(props, context);
this.state = {
id: this.props.
浏览 0提问于2016-06-09得票数 0
如何确定用户是否在react中的输入字段中输入了任何值。
我试图实现的是，当用户将文本/整数输入到卡内的一个输入字段而不单击“保存”按钮时，我想在卡片周围显示一个边框。
因此，边框应该添加到卡片中，其中至少包含一个未保存的输入字段，并且还更改了输入字段。
我正在使用以下链接中提到的动态形式。
这是如何构造我的动态表单的链接(示例代码)：
Dynamic是一个表单中继器，当我单击“添加一个新行”按钮时。新卡将被添加到react页面。
此新卡将具有相同的字段集，并具有相同的默认值。当用户更改卡中的任何输入字段时。需要在卡片上加一个边框。如果用户单击“保存”按钮，则应该保存输入字段。
当对卡的单个
浏览 5提问于2022-05-04得票数 2
回答已采纳
1回答
嗨，我一直在使用React / Redux作为五月应用程序。我必须动态地呈现多个输入字段。我现在面临的问题是..。
因此，假设表单已经有2个输入字段，而我想要5个输入字段总数，我将简单地用一个循环来呈现这些字段，并有5个重复。问题是反应呈现3个新字段，并使2个字段保持在顶部。但我需要新的5块土地。是否有办法强制反应，先删除旧字段，然后渲染5个新字段。
浏览 2提问于2017-03-29得票数 0
回答已采纳
1回答
我有一个表单，其中我想在状态(例如，setEducation)中设置输入的传入值。我使用onChange，但这会导致每次更改输入字段时都呈现组件。解决问题的正确方法是什么？
<form id="loginform" onSubmit={onBecomeDoctorRequestHandler} >
<div className="form-group mb-3">
<label>Educati
浏览 3提问于2022-03-16得票数 0
回答已采纳
我正在阅读反应指南，下面向我展示了React.js代码和hello-react.html文件：
var HelloWorld = React.createClass({
render: function() {
return (
<p>
Hello, <input type="text" placeholder="Your name here" />!
It is {this.props.date.toTimeString()}
</p>
);
浏览 1提问于2016-06-06得票数 1
回答已采纳
2回答
我是个反应新手。现在我正在尝试根据服务器数据添加动态TextInputs，我在获取每个文本字段的数据时遇到了困难。下面是我的当前代码
renderData() {
var questionArray = getDataFromServer();
var lIndex = -1;
const views = questionArray.map((item, index) => {
if (item === "__TEXT__") {
lIndex++;
return (
<Lin
浏览 0提问于2019-01-21得票数 0
回答已采纳
1回答
我有动态的JSON数据，并且有一个定制的方法可以通过JSON在页面上动态地呈现表单。JSON模式的原因是构建各种未预先定义的表单。
我已经将Redux连接起来，以便将下面的模式和formValues分配为该类的支持。因此，表单使用正确的标签、正确的输入字段类型等正确呈现。当字段上发生onChange事件时，app状态(在formData下)被正确更新。但我注意到，当应用程序状态中的formData发生变化时，整个表单将被重新呈现，而不仅仅是“特定字段”。这是因为我像这样将表单值作为对象存储在formData下吗？我该如何避免这个问题？
formData = {
userName:
浏览 3提问于2016-08-16得票数 1
回答已采纳
我正在与redux表单库进行交互。我想用函数组件中的两个字段创建简单的表单。在其中一个只输入了一个字符后，我失去了注意力。我创建了函数renderInput，它返回物质UI TextField输入。使用本机HTML输入，我可以观察到相同的错误。我试图将renderInput移到组件中，但这并没有帮助我。
下面我展示了我的功能组件实现：
import React from "react";
import {Field, InjectedFormProps, reduxForm} from "redux-form";
import IStream from
浏览 3提问于2021-07-22得票数 1
回答已采纳
我是react上的新手。我正在使用redux开发react应用程序。我有一个表单(我正在使用redux- form )，通过它我可以保存数据或编辑数据。我的问题是，在编辑模式下，我使用componentWillReceiveProps填充数据。并且填充完美，现在当我试图清除表单上的任何字段时，它会再次填充。
componentWillReceiveProps(nextProps){
this.props.dispatch(initialize('NewProject', nextProps.project.project[0]));
}
如果有任何帮助，我将不胜感激
浏览 2提问于2017-03-29得票数 0
1回答
当用户输入无效日期时，我正在尝试重置react-datepicker中的日期值/文本。代码如下：
class Test extends React.Component {
constructor(props) {
super(props);
this.state = {
date: Date.now()
};
}
render() {
return (
<DatePicker
name="date"
selected={this.state.date &&
浏览 0提问于2018-08-09得票数 1
有这样一个简单的反应应用程序：
import React, { useState, useRef, useEffect } from "react";
import ReactDOM from "react-dom";
import "./styles.css";
function App() {
console.log("App")
const [inputValue, setInputValue] = useState(0);
return (
<>
<input
浏览 5提问于2022-05-05得票数 1
1回答
你好，
我正在为一个更大的项目使用react，但我仍然是那里的初学者。目前，我在大表单页面的textfield中输入信息时出现了性能问题。我认识到，这是由将状态集设置为value属性造成的，该属性与所有ui元素相连接。我的结构类似于：
<textfield value={myState.name} ...>...</textfield>
<textfield value={myState.someotherattr} ...>...</textfield>
...
<datePicker value={myState.date} ...&g
浏览 5提问于2022-09-02得票数 0
1回答
我有两节课
一个是react组件，第二个是标准类(验证)。
在验证类中添加为处于react状态的元素。
state.formValidator = new FormValidation({id: 'install'});
this.setState(state);
作为属性的FormValidation类具有用于输入验证的类。当一些输入被更新时，FormValidation isValid属性也被更新。
在我的react组件中，我可以看到它。例如，当我在输入元素上添加事件时。更新后，我调用了显示state.formValidator的函数
isValid属性值正确。但是我
浏览 2提问于2017-04-19得票数 1
我有一个react原生的Formik表单和一个Yup validationSchema。当用户提交表单时，我想创建一个警告与错误字段，如果有字段是无效的。 Dependencies:
"formik": "^1.4.1",
"react": "16.5.0",
"react-native": "0.57.1", 我曾尝试在Formik呈现中使用isValid，并创建了一个Alert with errors，但得到了一个空的errors对象。但是，如果我再次提交/或单击submit两次，error对
浏览 17提问于2019-01-11得票数 5
回答已采纳
我特别需要在表单(遗留代码)中只将一个输入字段作为一个react组件。因此，我用div包装输入，并将需要特殊行为的“新”输入字段呈现到其中。
出现此问题是因为输入字段不再可编辑。我试着打字..。没什么。我把范围缩小到以下几个方面：
<input type="text" **data-reactid=".2.0.0.0.1.0.0.1.2.0"**
当我删除“数据-反应.”时，通过控制台进行编辑，它可以工作。
因此，当我使用reactid将一个表单输入字段替换为reactid输入字段时，除非我手动删除该数据-reactid，否则它将无法工作。
有什么解决办
浏览 5提问于2015-07-15得票数 1
回答已采纳
3回答
我正在实现一个使用Json生成的表单。从API中检索Json，然后遍历呈现输入元素的项。这是Json的样本：
{
name: {
elementType: 'input',
label: 'Name',
elementConfig: {
type: 'text',
placeholder: 'Enter name'
},
value: '',
validation: {
required: t
浏览 4提问于2021-05-22得票数 1
回答已采纳
1回答
嗨，我在redux-表单中遇到了一个问题，我不确定，但是如果我使用react select /或使用redux-表单的任何select，我需要在select上点击两次才能扩展我的列表。只有html选择可以正常工作。
我知道发生这个问题是因为输入字段分派onBlur事件操作。如果我抑制onBlur事件，它可以很好地工作，但是我需要模糊事件为我的未来工作。
有什么办法解决这个问题吗？
复制步骤: 1)单击Load account按钮2)在任何输入字段中键入某些内容3)单击react选择选择comp！需要点击两次才能展开它
如果您直接单击react选择comp下拉，它可以正常工作。
我正在附上我的问
浏览 1提问于2018-04-09得票数 1
回答已采纳
我想在react.js中实现单向绑定。
我有chatHistory变量：
var chatHistory = [{ Author: "Daniel Lo Nigro", Text: "Hello ReactJS.NET World!" },
{ Author: "Pete Hunt", Text: "This is one comment" },
{ Author: "Jordan Walke", Text: "This is *another* comment" }]
浏览 2提问于2014-07-17得票数 0
回答已采纳
1回答
ReactJS中呈现的性能问题
、、、、
据我所读，使用表单元素和状态更新的理想实践如下：
onChange = (event) => {
this.setState({
name:event.target.value
})
}
上面是输入字段的事件处理程序：
<input
type="text"
onChange={this.onChange}
value={this.state.name}
/>
这就是我们如何保持状态更新，以及输入字段本身。
现在，如果我们在呈现函数中放置一个console.log(new ())，我们可以观察到，在输入字
浏览 0提问于2020-01-15得票数 0
我看过詹姆斯·纳尔逊的系列。本系列文章介绍了一个用React实现的表单，并展示了输入字段是有效的只读的，然后继续解释如何正确地更改值。这不是一个如何这样做的问题。相反，我想了解反应如何阻止价值观的改变。
下面的代码(也是中的)是一个SSCCE：
<!doctype html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script>
<script src
浏览 2提问于2016-03-28得票数 4
1回答
当我在useForm方法中设置useForm字段时，可能没有设置所有的默认值。例如，它可能如下所示：
{
en: {
first_text: "English first text",
second_text: "English second text"
}
}
注意:将每个字段的缺省空值添加为每个区域设置的空字符串实际上不是一个选项。
我在这里创建了一个简化的代码沙箱:显示上面提到的两个字段的和一个语言转换程序。
当我通过单击按钮切换语言时，我遇到的问题是，我的输入字段(和formData)会被更新到前面字段中的数据，而不是显示一个空的
浏览 3提问于2022-02-08得票数 1
回答已采纳
我正在制作一个输入表单，我想使用React语音识别包来让用户选择记录他们的输入，而不是在表单中的两个字段中输入- "review“和"order”。我创建了两个版本的口述电话，分别为ReviewDict和OrderDict，并分别向它们传递了一个"changeReview/changeOrder“属性来更新字段。 但是，每当我单击其中一个开始录制时，它就会启动这两个字段，并将我所说的文字记录拉到两个输入字段中。 有没有一种简单的方法可以让每个按钮只影响包的实例？ 以下是我的代码的相关部分： 输入表单： <TextField
浏览 59提问于2021-10-09得票数 0
回答已采纳
1回答
当我创建一个函数来返回一个在function中的JSX输入字段时，光标会在每个键上失去焦点，这意味着我可以输入一个字符，然后我必须再次单击输入字段才能输入另一个字符，有人能解释一下发生了什么事情吗?我如何防止这种情况或在function中这样做是不可取的？我的代码：
import React, {useState} from 'react';
export default function App(props) {
const [value, setValue] = useState();
const Show = () => {
return
浏览 2提问于2020-05-22得票数 0
回答已采纳
我正在重写一个表单生成器，从一个基于类的基于函数的方法。然而，在这两种方法中，我都遇到了相同的问题。表单接收字段模板和值，循环字段规范，并呈现适当的输入。每个对象都被赋予它的值和一个处理程序，用于在表单的状态对象中携带该值(稍后可以提交)。
当表单很小的时候，这是很好的，但是当然，这些形式并不小，并且可以增长到相当大，并且它们中有许多类型的精细字段。当表单字段规范增长时，表单会减慢到键压和可见输入之间存在延迟的程度。有趣的是，在开发过程中，这种延迟是非常明显的，但是在编译到生产构建时则要好得多。
我希望尽可能少地渲染表单元素，并防止每次按下键时整个表单的构建。但是，如果我预先生成字段，则事件处
浏览 4提问于2020-03-05得票数 0
回答已采纳
希望有人知道问题所在。我有一个类似这样的数组：
let fields = [
{ name: 'email', type: 'email', placeholder: 'Email', component: FeedbackInput },
{ name: 'password', type: 'password', placeholder: 'Passwort', component: FeedbackInput }
];
我想通过以下方式在redux表单中呈现它：
<form
浏览 5提问于2017-07-27得票数 3
回答已采纳
我使用和MUI TextField组件。我正在从Firestore中获取数据，我想用这个数据预先填充表单。
我使用的是带有默认值的useForm，但我不太确定如何使用它。我可以通过一个扩展操作符来获取字段上的一些数据。我试图找到一种方法，将eventData作为一个对象去构造，这样我就可以将字段与获取的数据匹配起来。
以下是代码：
const [event, setEvent] = useState('')
const { register, handleSubmit, errors, reset } = useForm({
resolver: yupReso
浏览 3提问于2021-02-08得票数 2
我正在开发的React应用程序使用redux form，redux form的版本是V.6。我还使用了向导样式的表单(因此，在完成每个字段集之后，用户可以单击“继续到下一步”按钮来填写表单的下一部分)。所以我想要发生的是，当用户填写“运输和交付”字段集时，我希望“账单和付款”字段集(表单中的下一个字段集)自动填充“运输和交付”字段集中输入的值。它们都是相同的字段集。
不幸的是，我似乎不能使用intialValues属性，因为当用户在表单中输入值时，表单就已经呈现出来了。我也遇到了在后台手动设置redux表单中的值的问题，因为redux表单似乎不喜欢这种方法。我可以手动设置该值，但之后不能再使用
浏览 6提问于2017-02-24得票数 2
我正在建立一个简单的数据库，我正在实现搜索标准表格。我只想在表单提交时才向Reducer 发送一个操作。
const mapDispatchToProps = dispatch => {
return {
onSubmittedForm: (criteria) => dispatch(compActions.submitCriteria(criteria))
};
}；
criteria是存储在本地状态的对象：
state = {
criteria: {
group: '',
province: '',
浏览 0提问于2018-04-13得票数 1
我正在使用jQuery验证插件来验证表单。您知道如何在以前成功的字段上强制重新验证吗？
我使用以下检查尝试了.form函数(这是在用户单击“submit”之后执行的)：
if ($('#form1').validate().form()==false)
{
formValid = false;
}
但是，上面的代码似乎没有重试验证，因此已经成功验证的字段(即旁边有勾号)不会再次被选中。
希望在以前成功的字段上重试重新验证的原因是，它们依赖于远程验证，并且结果(成功或失败)可能在用户离开字段并单击submit之间发生变化。(这适用于“用户名”字段)。
如果它影响到答案，我
浏览 1提问于2010-09-26得票数 10
1回答
我有以下代码：
import React from "react"
export default function Form() {
const [formData, setFormData] = React.useState(
{firstName: ""}
)
console.log(formData.comments)
function handleChange(event) {
setFormData(prevFormData => {
r
浏览 8提问于2022-11-24得票数 1
回答已采纳
1回答
我使用的是redux形式，但当我开始输入焦点时，第一次在反应中退出。
在下面的组件中，输入字段在输入字符后失去焦点。在使用Chrome的检查器时，整个表单看起来都是重新呈现的，而不仅仅是输入字段的value属性。
请参阅以下代码：
<Field
name='description'
// onChange={this.handleChange.bind(this)}
//value={this.state.description}
component={props => {
retur
浏览 1提问于2017-09-12得票数 1
回答已采纳
我有一个带有输入字段的表单的情况。当我输入(keyup) Enter键时，必须清除其中一个字段。我知道我可以将这个字段作为一个受控字段来处理(意思是监听keyup并维护字段的副本)，或者使用双向绑定，但在我的用例中，我不能做后者，我宁愿不做前者。因此，我的问题是，如何强制呈现一个Svelte组件？
通常，表单是用<Component field="value" />显示的，用户修改字段并单击Enter键，我希望app.set(field, value)将字段重置为value，即使在Svelte的眼里，field属性没有改变。这有可能吗？
我尝试过的一个不成功的转变是
浏览 0提问于2019-10-15得票数 6
2回答
我是新来的。
场景：我有一个包含大量文本字段的表单。当我在字段中输入一个值时，会发生以下过程：
字段值 => socket.emit data => socket.on => 动作称为 => redux状态更新<code>E 211</code> => </code>E 112</code>ui更新<code>E 213</code>
没有保存按钮。
的问题是，，我觉得这是一个很长的周期，在redux状态下更新单个值。
当UI重新呈现(作为redux更新)时，表单挂起2-3秒。因此，在此时间间
浏览 1提问于2017-11-19得票数 0
回答已采纳
2回答
我正在创建一个web表单，其中有一个自定义输入字段与类型“文本”。
CSS看起来像
input {
height: 39px;
font-size: 14px;
color: #fff;
background: #000000 url(../img/search-bg-white.png) no-repeat 95% center;
border: none;
padding: 0 50px 0 10px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: borde
浏览 2提问于2015-02-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
