ReactJS/Javascript:提交时状态未更新
ReactJS是一个用于构建用户界面的JavaScript库。它采用组件化的开发模式，使得开发者可以将界面拆分成独立的可复用组件，从而提高代码的可维护性和可重用性。
在ReactJS中，组件的状态是非常重要的概念。状态可以理解为组件内部的数据，当状态发生变化时，React会自动重新渲染组件，以保持界面与数据的同步。
在提交时状态未更新的问题中，可能存在以下几种原因和解决方法：
- 检查事件处理函数：首先，需要确保提交按钮的点击事件被正确地处理。可以使用React的事件绑定机制，将提交按钮的点击事件与相应的处理函数绑定起来。在处理函数中，可以更新组件的状态，以反映提交操作的结果。
- 检查状态更新逻辑：如果提交时状态未更新，可能是由于状态更新逻辑存在问题。可以检查状态更新的代码，确保正确地更新了相关的状态变量。可以使用React的
setState方法来更新状态，并在更新完成后重新渲染组件。 - 检查状态依赖关系：在React中，状态更新可能会触发组件的重新渲染。如果状态更新依赖于其他状态或属性，需要确保这些依赖关系被正确地处理。可以使用React的生命周期方法，如
componentDidUpdate，来处理状态的更新逻辑。 - 检查组件的渲染逻辑：如果提交时状态未更新，可能是由于组件的渲染逻辑存在问题。可以检查组件的渲染代码，确保正确地使用了状态变量。可以使用React的条件渲染机制，根据状态的值来决定渲染的内容。
总结起来，提交时状态未更新的问题可能是由于事件处理函数、状态更新逻辑、状态依赖关系或组件的渲染逻辑存在问题。通过检查和调试这些方面的代码，可以解决这个问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务场景的需求。产品介绍链接
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。产品介绍链接
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助用户快速构建物联网应用。产品介绍链接
- 腾讯云移动应用开发（MAD）：提供一站式移动应用开发服务，包括移动后端云服务、移动应用测试等。产品介绍链接
- 腾讯云区块链（BCBaaS）：提供安全、高效的区块链服务，帮助用户构建区块链应用。产品介绍链接
- 腾讯云游戏多媒体引擎（GME）：提供游戏音视频通信和处理能力，支持实时语音、语音识别等功能。产品介绍链接
- 腾讯云云原生应用引擎（TKE）：提供容器化的应用部署和管理服务，支持快速构建云原生应用。产品介绍链接
相关·内容
import React,{ useEffect, useState } from "react";
export default function Test() {
const [myState, setmyState] = useState(0);
return (
<div>
<h2>JavaScript Lifecycle</h2>
<button type="button" onClick={()=>{
const
浏览 37提问于2021-04-01得票数 0
回答已采纳
我试图提交一个图像使用输入字段，没有提交按钮。当选择该文件时，它将自动提交。我想这样做：
const [image, setImage] = useState(null);
const updateState = (e) => {
setImage(e.target.files[0]);
}
const submitFile = async () => {
...submit the file...
}
<input accept='image/*' type='file' onChange={() => { update
浏览 5提问于2022-06-07得票数 0
回答已采纳
3回答
我基于以下页面实现以下代码：
class Reservation extends React.Component {
constructor(props) {
super(props);
this.state = {
isGoing: true,
numberOfGuests: 2
};
this.handleInputChange = this.handleInputChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
han
浏览 1提问于2017-03-24得票数 6
1回答
我有一个reactjs表单，在页面加载它将显示数据库中的所有值，用户可以更改和提交。当我尝试更改输入值时，它会更新状态，但不会更新UI。 以下是示例代码。我的表单有许多输入控件。 const [user, setUser] = useState({});
useEffect(() => {
//calling api and update state on page load
setUser(response);
}, [])
const handleChange= (e)=>{
let track= user;
track[e.targe
浏览 13提问于2021-10-05得票数 1
回答已采纳
我想在用户单击ASP.NET中的提交按钮时禁用选中的复选框。我可以使用JavaScript通过该按钮的onclick事件禁用复选框。复选框在中继器中。当通过单击“提交”按钮提交表单时，代码隐藏按钮中的任何复选框都不会显示为选中状态。如何在单击提交按钮时禁用选中的复选框，并在提交页面时仍然看到复选框处于选中状态？有没有什么办法呢？我更喜欢在JavaScript中做这件事，但我也愿意使用jQuery。
function disableCheckboxes() {
for (var count = 0; i < document.forms[0].elements.length; i+
浏览 1提问于2012-06-16得票数 2
4回答
我是ReactJS的新手，我正在做一个简单的联系人管理器。在我的InputContact组件中，我获取联系人的姓名和电子邮件，在提交之后，我将其存储在状态变量中并传递给父级。为了检查我的状态变量是否更新，我检查了我的控制台。问题是，在提供数据后提交表单后，我在控制台中只看到一个空行。再次单击submit后，我会在console中看到我的输入。 我的问题是，为什么我必须单击提交两次，才能看到我的状态变量得到更新?？ 我的InputContact.js文件 import React from 'react'
import { useState } from 'react&
浏览 63提问于2021-06-25得票数 1
回答已采纳
我正在尝试处理多个图像上传，并在表单提交之前将它们显示给用户。
我在获取所有上传的要显示的图像时遇到了问题。无论上传多少张图片，只显示最后一张图片。
我在StackOverflow上读到了很多关于javascript闭包的答案，但它们似乎只处理被保留的循环中的索引值。
我不确定如何让它显示所有上传的图像。
class ImageDisplayBlock extends Component {
render(){
var counter = 0;
let pictureList = this.props.pictures.map(function(i){
浏览 0提问于2018-02-09得票数 0
1回答
我的朋友们，我正在制作一个react类，它在表单提交时获得一个输入值，使用axios发送get请求，但是在第二次单击之后，我得到了结果
class SearchForm extends React.Component{
constructor(props) {
super(props);
this.state = {inputtermvalue: "",spaces_list: "",spacesname: ""};
}
componentDidMount() {
}
updateInputValue(evt)
浏览 0提问于2018-03-19得票数 0
回答已采纳
我正在使用codemirror创建一个组件，但我的代码中似乎有错误，因为当我试图更新我的主组件的状态时，应用程序破坏了浏览器，我的研究指向一个无限循环，至少我在尝试调试时可以看到这一点。
我希望你们中有人能帮我解决这个问题，也许是我的错，谢谢。
我的主要组成部分：
import React, { Component, PropTypes } from 'react';
import Editor from '../editor';
import Preview from '../preview';
class Playground extend
浏览 6提问于2016-08-24得票数 4
回答已采纳
我有两个组件，一个用于填写表单，另一个用于在提交后显示输入。但是，它目前只在表单提交之前显示输入，然后它就消失了。提交表单时，父组件的状态会发生什么变化？
class Form extends Component {
constructor(props) {
super(props);
this.state = {
equation: null
};
}
render() {
return (
<div>
<form onSubmit={this.mySubmitHandler}>
浏览 1提问于2019-11-20得票数 0
我是新来的，所以请容忍我。
我想做的是：
实际上，数据从子组件传递到父组件，然后返回到另一个子组件。
<ParentComponent>
<ChildComponent1>
<ChildComponent2>
</ParentComponent>
子Component1有一个表单。当提交表格时..。
1.)状态应该根据表单的内容进行更新。
2.)状态数据应该传递给父组件。
3.)父组件应该将数据传递给ChildComponent2。
4.)ChildComponent2现在可以访问来自ChildComponent1的数据，并且可以操作所述
浏览 1提问于2020-01-14得票数 0
回答已采纳
2回答
我有一系列问题正在被获取并添加到状态中，看起来是这样的：
gigApplication: {
title: 'Tell me about you',
questions: [
{
title: 'do you know german?',
type: 'radiobox',
options: ['yes', 'no']
},
{
title: 'what are you hobbies?
浏览 0提问于2018-07-29得票数 0
回答已采纳
我必须提供一个来自API的200位名人的名单。我已经提交了一次20位名人的名单，所以我更新了下面的useEffect以获得200，而不是20
但是，当我不使用扩展运算符时，就不会呈现任何内容，只有当我使用它们时，它才会呈现，并且我不明白为什么我必须使用我的名人变量的两个副本和带扩展运算符的res.data.results来使其工作。
有人能给我解释一下吗？
注: res.data.results是一个对象数组，我调用它来显示与其相关的所有属性(名称、图片、著名电影等)的名人列表。非常感谢！
const Celebrities = () => {
const [celebrit
浏览 2提问于2020-01-26得票数 0
回答已采纳
我使用React渲染我的web应用程序所需的一些组件，我有一个带有播放和停止按钮的计时器。我从get请求中检索所有的时间记录，并且我想在组件每次更改时重新修改它，我如何做到这一点？
除了使用一个简单的setInterval来调用this.forceUpdate()函数之外，一切都可以正常工作，但这给了我一个警告：
警告:forceUpdate(.)：只能更新安装或安装组件。这通常意味着在未挂载的组件上调用forceUpdate()。这是禁止行动。请检查TimerBox组件的代码。
我的组成部分：
var TimerBox = React.createClass({
displa
浏览 3提问于2017-03-09得票数 0
回答已采纳
我遇到了这样的情况。
class MyForm extends IdSelectionForm {
private Boolean approveIt = true;
.....
}
我的JSTL表单由以下部分组成
<html:checkbox property="approveIt" styleId="style1" value="true"/>
当我选中复选框并提交时。在struts操作中，我为这个字段设置了true值。当我取消选中它并提交时，再一次。然后我也会得到真正的值。我想知道它是否是有默认值的东西。当我取消选中时，
浏览 2提问于2013-06-01得票数 5
回答已采纳
在将数据从一个API传递到另一个API时，我遇到了一个问题。只有在我提交两次之后，它才能工作。也许我没有很好地理解Async/await？代码如下： async function mainOne(e) {
e.preventDefault();
try {
const movieFetch = await pullMovie();
const earningFetch = await convertEarnings(movieFetch);
} catch(err){
console.log(err)
} 下面是两个函数： const pullMo
浏览 33提问于2021-09-21得票数 1
回答已采纳
我有一个看起来像这样的状态对象。
this.state = {
formValues: {},
};
经过一些处理后，formValues包含以下内容。
this.state = {
formValues: {
q1: value 1,
q2: value 2
},
};
现在我有了q3在formValues中，这是一个值数组。当我试图按如下方式推送该值时
let q3 = e.target.name,
arrayValues = [1,2,3]
浏览 0提问于2018-05-07得票数 0
回答已采纳
1回答
我正在使用Django Rest框架开发一个React应用程序，在这里我正在更新用户配置文件。一切正常，但有一个小问题我想不出解决办法。当我更新用户电子邮件和已在DB中输入的电子邮件时，DRF会发回一个错误。在我的用户还原器中，状态是用错误更新的。但是react并没有显示输出，而是呈现了成功的场景，尽管电子邮件没有更新。
当我第二次用相同的电子邮件汇总表单时，它会呈现错误消息。现在，如果我将电子邮件更改为唯一的电子邮件并提交，电子邮件将在DB中更新，updateProfileState也会更新。但是错误消息会呈现在前端配置文件页面上。再次，如果我提交的表单与相同的电子邮件地址或任何其他现有的电
浏览 2提问于2021-05-29得票数 0
回答已采纳
我试图实现的是使用input元素使表格行可点击，这样它就会选择整行。唯一的问题是，当用户检查输入字段时，我如何添加边框之类的东西。
<tbody>
{allHotels.map((p: any, index: number) => (
<TableRow key={p.id} selectRow={true}>
{console.log(p.checked)}
<td><input type="checkbox"
浏览 1提问于2021-09-06得票数 0
2回答
我有一些困难，使我的输入表格，以重置提交。当表单成功提交时，我希望输入字段重置为空白值，但就目前而言，我也不介意它只是重置onSubmit，到目前为止，我还没有弄清楚这两个值。具体来说，我尝试的是：
class SubscribeForm extends React.Component {
constructor(props, ...args) {
super(props, ...args)
this.state = {
status: null,
msg: null,
};
this.handleSubmit = this.han
浏览 1提问于2018-03-03得票数 1
2回答
我想知道如何实现 (例如输入框)，如果应用程序的数据是建立在不可变数据的基础上，并且应用程序在shouldComponentUpdate()中使用"===“相等操作符来快速重新呈现的话。
让我们假设深度嵌套的数据和层次结构中某个位置的受控组件：
当通常使用本地组件状态(setState())实现这一功能时，就不会看到这些更改，因为组件层次结构呈现过程可能会跳过分支，因为不变的数据没有改变。为了避免这种情况，所有本地组件状态都必须处于应用程序状态，而受控组件上的每一个事件(例如输入框中的输入)都必须改变不可变的数据。
虽然这应该有效，但当使用不可变数据时，这是(唯一的)控制组件的实现方式
浏览 4提问于2015-02-01得票数 0
回答已采纳
1回答
我想要做的事情：--我正在使用表单中的复选框--当选中并使用按钮提交时，它将在集合中创建一个新项。
复选框>选中>表单提交>在集合中创建新项。
复选框>未选中>表单提交>不创建集合。
我有一个包含以下内容的集合模式：
value: {
Type: Boolean,
...
}
默认为假的。这很好。
我尝试了，我尝试了两种不同的方法将其传递到Meteor服务器端，以插入新的集合：
在更改复选框、更新db值和提交时，检查DB中的值，如果为false，则不要进行收集，如果为true，则将其设置为。
在提交表单时，选中复选框或未选中复选框，
浏览 3提问于2016-09-01得票数 0
使用mercurial时，我经常会遇到以下问题，无法安全地解决：
我提交了做hg commit -m "my changes"的更改
我编辑了一些文件
我签了一个执行hg checkout -r -15的旧提交
问题是，在(2)和(3)之间，我忘记了首先提交未提交的更改。然后，mercurial尝试将本地更改合并到旧的提交中。
如何在(3)中撤消结帐并返回到阶段(2)？
这就是，我希望最后一次提交是提交in (1)，并且仍然希望在(2)中进行未提交的本地更改。
浏览 4提问于2016-10-25得票数 0
为了从绑定Telerik MVC网格的AJAX调用向服务器提交表单数据，我们可以将事件中的e.data设置为匿名JavaScript对象
<script type="text/javascript">
function Grid_onDataBinding(e) {
var categoryValue = "Beverages";
var priceValue = 3.14;
// pass additional values by setting the "data" field of the eve
浏览 2提问于2011-09-24得票数 1
回答已采纳
我希望更改hasSubmit键的值，如第一个代码部分所示。我知道这不是推荐的。但是第二段代码是异步的，我不想使用setState的回调函数。
this.state和setState有什么区别？
是否有任何方法可以立即更改状态值hasSubmit？
第一法典：
this.state.hasSubmit = false
this.setState({})
//Code that will use `hasSubmit`.
第二个代码：
this.setState({
hasSubmit: false,
});
//Code that will use `has
浏览 5提问于2016-03-08得票数 57
回答已采纳
1回答
class Hello extends React.Component {
constructor(props){
super(props)
this.state={count:1};
this.myRef = React.createRef();
}
use(){
console.log(this.myRef);
let f=function(){
this.setState({count:2});
浏览 1提问于2018-12-29得票数 0
所以我有两个输入字段：
<TextField onChange={this.handleUserUsername.bind(this)}
value={this.props.userInfo.username}
/>
<TextField onChange={this.handleUserEmail.bind(this)}
value={this.props.userInfo.email}
/>
输入后，我想将它们存储在名为“userInfo”的对象的状态中，如下所示：
handleUserUsername(event){
浏览 3提问于2016-06-29得票数 4
我是新的反应，并试图建立一个表单，在点击提交时，应该设置等于用户条目的组件状态，以便我可以存储它并引用到其他地方。这是因为控制台在提交后记录正确的字符串。然而，当我试图在屏幕上显示这个状态时，我遇到了麻烦。
我尝试将状态作为支持传递给子组件，并将其呈现在那里，但遇到了相同的错误。
import React from 'react';
var hasSetMainGoal = false;
class LearningGoals extends React.Component {
constructor(props) {
super(props);
浏览 1提问于2019-08-06得票数 1
回答已采纳
当表单提交时，我想验证两个字段。具体来说，我想检查密码是否至少包含5个字符，以及password和confirmPassword字段是否匹配。我继续并实现了state来保存这些错误消息。但是，并不是所有的错误都会显示。示例:假设用户在密码字段中输入“地狱”，而对于密码确认，他们输入“hello”。你可能会看到两条错误消息(密码太短，密码不匹配)，但我的表单只显示一条错误-密码不匹配。 我怀疑问题出在validateFields函数中。如果我交换If语句的顺序，并输入上面描述的相同输入，那么我会设法看到“密码必须包含至少5个字符”错误，而不是“密码不匹配错误”。此外，在使用react dev-
浏览 18提问于2021-03-23得票数 3
回答已采纳
在pl/SQLdeveloper中，我错误地执行了一个update语句，没有任何where子句，当我在执行需要时间完成时发现发生了什么时，我确实单击了断点按钮，在中断执行后，提交和回滚按钮变成灰色，因此无法回滚事务。如果在pl/sql中提交事务，或者将事务回滚到以前的状态，我很担心。
浏览 1提问于2020-07-20得票数 1
回答已采纳
如何使用reactjs正确地获取表单提交的消息计数。
几个小时以来，我一直在努力寻找可能的解决方案。
下面的应用程序提交并显示消息信息，一切正常。现在，我的任务是在用户每次提交消息时实现一个消息计数器。
--这是我为用户实现计数器所做的事情
var senderId ='Nancy101';
const {textCount} = this.state;
var count = textCount[senderId] == undefined ? 1 : textCount[senderId] + 1;
textCount[senderId] = count;
alert(&
浏览 0提问于2019-03-06得票数 0
回答已采纳
我有一个包含id列表的tempAddList，我将在relInfo表中设置状态，并回调addRelation函数以提交数据。但是，当我运行onAddClick时，例如，如果tempAddList = 2, 3 ,4，它将使用最新的setState id 4运行addRelation 3次，而不是2和3，我如何让它针对每个单独的id运行。 onAddClick = () => {
this.state.tempAddList.forEach((id) => {
this.setState({
relInfo: {
浏览 26提问于2018-12-27得票数 1
回答已采纳
我很难找到一种方法来触发这些AngularJS类，在我试图用我正在创建的铬扩展自动填充的表单上。表单(特别是文本框)必须经过验证/修改后才能验证并提交。
我最初尝试使用javascript来使用value属性设置textbox的值。这没有验证表单。然后，我尝试使用分派事件向文本框发送一个键，这将不会将任何内容输入到文本框中。如何在不需要人工输入的情况下验证表单，或者这是不可能的？
Clarification，--我试图在没有用户输入的情况下通过使用chrome扩展来复制这个操作。
参考
浏览 5提问于2019-10-31得票数 0
有时rebasing会提交很大的内存(超过100MB)，达到内存限制而中止。奇怪的是，当我逐个cherry-pick这些提交时，它工作得很好。
我之前认为，rebase主要是在后台执行一个cherry-pick，但似乎我错了。rebase的不同之处在于它消耗了大量内存？
浏览 3提问于2014-07-04得票数 0
我理解了这个错误，我的componentDidUpdate函数正在创建一个无限循环，我不知道如何修复它。我发现了回溯显示的两个错误，但我不知道该怎么办。这里是提交处理函数，它在主(logup)组件中：
submitHandler = event => {
event.preventDefault();
const {month, day, year} = this.state.data;
this.setState({
loading: true,
error: false,
errors: {},
浏览 0提问于2020-12-08得票数 0
2回答
我对ReactJS非常陌生，当按下按钮时，我正在尝试更新我的一个类。该程序是一个健身应用程序，向依赖目录的用户显示数据。例如:男性-1- video.mp4 /男性-2- video.mp4
目前，如果用户是在视频1，并希望移动到视频2，他们将按下下一步按钮。此按钮需要更新类以显示正确的视频和文本。我试过使用javascript：
document.getElementById("pageTitle").innerHTML = pageTitle;
document.getElementById("tipTitle").innerHTML = tipTitle;
浏览 5提问于2015-10-20得票数 0
如果提交后再合并似乎会更好。让我有点惊讶的是，当你的工作副本发生变化时，甚至还允许更新。在这种情况下允许更新是为了避免有两个父级的提交，这是由合并引起的吗？
浏览 0提问于2010-04-16得票数 8
回答已采纳
1回答
我有一个ReactJS类，它呈现表单，并根据输入状态启用/禁用提交按钮。如果填写了所有四个字段，则启用Submit按钮，否则不会。
当我用DateTimePicker创建了4个基本输入时，它工作得很好，但是，当我从React小部件中添加react组件时，我很难做到这一点。
问题是提交按钮永远不会启用，因为一旦日期被选中，就不会调用valid()方法。
见下面的代码：
DateTimePicker = require('react-widgets/lib/DateTimePicker');
momentLocalizer = require 'react-widgets/
浏览 2提问于2015-10-23得票数 1
我有一个页面，我可以创造新的客户。但我坚持了一个部分。
我要做到这一点：
在填写地址输入(Street、HouseNo、City、ZipCode)时，在表单提交时，我希望将坐标值保存在状态中。我用的是反应-地理密码。
目前我有两种状态：
const [latitude, setLatitude] = useState("");
const [longitude, setLongitude] = useState("");
然后，我从地理代码文档中编写了这个函数：
const getCoordinates = async () => {
const
浏览 2提问于2022-05-17得票数 0
嘿，伙计们，我一直在努力解决这个问题，我已经有一段时间了，但没有结果。我有一个表单，它通过firebase验证电子邮件和密码以让用户登录，当验证失败时，我想将一个错误抛回我的表单，然后将其内联显示，让用户知道登录失败。我的问题是，每当我遇到错误时，我就会抛出错误：
我的代码如下：
LoginForm.jsx
import React, { Component } from "react";
import { connect } from "react-redux";
import { withRouter } from "react-rou
浏览 1提问于2018-10-31得票数 0
1回答
我试着做了一个小程序，它有一个输入字段，你可以在其中插入文本。然后，当您单击保存时，它将保存文本并向您显示以下内容。我的问题是，最初在我点击“保存”后，文本并没有显示出来，但只有当我在点击“保存”后对输入字段进行了另一次更改时才显示出来。在saveValue中添加this.setState({inputText: ' '})后，它开始工作了，但我不太确定为什么。 import React, {Component} from 'react'
import './App.css';
import picture from './pictur
浏览 21提问于2021-02-02得票数 2
回答已采纳
我是一个ReactJS初学者，我阅读了react.org上的文档，但是有一部分我不能理解。
这是来自的屏幕截图
我不明白为什么要使用两个fetch...().then来改变状态，以及参数response是什么。
浏览 0提问于2018-09-14得票数 2
我已经习惯了git及其CLI，所以每当我想提交时，我总是先做一个git status来检查我忘记添加的任何新文件，如果有使用git add，然后执行提交和推送。currently对这个VCS进行了很好的集成，它会自动完成所有这些操作，如果您将一个新文件添加到git所在的文件夹中，那么当您提交时，您会得到所有当前未跟踪的新文件的整洁列表，并且您可以添加这些文件。
想象一下，当我在添加了一堆新文件之后执行了多次提交，然后使用我的最新版本对另一个目录进行了签出，发现我的新文件不在那里(尽管所有跟踪的其他文件都显示了我提交的所有更改)，这让我感到惊讶。
我发现TortoiseSVN确实为您提供了通过回
浏览 0提问于2017-05-05得票数 2
回答已采纳
1回答
我有一堆需要在提交时插入到数据库列中的勾选框，但我不知道如何实现这一点，我在想可能是jQuery或Javascript，有什么想法吗？
下面是一小段代码：
<input type="checkbox" name="vehicle" value="Bike" />
<input type="checkbox" name="vehicle" value="Car" />
所以基本上，当你点击一个复选框时，选中的复选框的值应该放在一个逗号分隔的字符串中，这样我就可以很容易地将它保
浏览 1提问于2010-08-12得票数 0
回答已采纳
2回答
Reactjs提交按钮禁用问题
、、、、
我面临的问题是提交按钮禁用功能
我设定了三个条件：
密码应大于8 charactersShould，包含至少1位数字客户端应点击条款和隐私。
只有在满足这三个条件的情况下，才能将布尔值"allvalid“设置为true。
问题:我发现在满足了所有条件后，按钮仍然是禁用的，但是当我在密码submit按钮中多放了一个字符时，我删除了一个仍在工作的字符(现在是8个字符)，但是当我再删除一个(现在是7个字符)时，提交按钮仍然是启用的，只有当我减少到6个时，它又被禁用了。
我希望在满足所有条件时启用它，在不满足条件时立即禁用它
这是密码
export function SignupForm(pr
浏览 6提问于2022-01-22得票数 0
回答已采纳
我正在学习ReactJS，我正在尝试构建一个按钮网格，这些按钮可以单独选择/取消选择，一旦我按下提交按钮，我就可以收集按下的按钮。我应该如何以ReactJS的方式构建它呢？所有的按钮都应该有相同的尺寸。
一个额外的问题:我如何使用‘按住’事件来选择多个按钮，同时移动鼠标在它们上面？
App.js
import React from 'react';
import Grid from '@mui/material/Grid';
import { styled } from '@mui/material/styles'
浏览 1提问于2021-12-31得票数 0
回答已采纳
我在一个环境中工作，这个环境基本上是由如下的主要组件设置的：
class MainComponent extends Component {
constructor(props) {
super(props);
this.state = {
selectedValues: []
};
}
render() {
const { selectedValues } = this.state;
return (
// Other components
<SubComponent selectedValue
浏览 0提问于2019-05-14得票数 0
2回答
我开始使用Mercurial： 1.)我从公共(中央)存储库中提取了最新的更新(版本3029) 2.)在处理代码时，我做了一个提交-修订3030 3.)一些额外的工作，并且-我做了另一个提交3031。 因此，我的提交3030和3031都在本地存储库中。在这个阶段，我的本地repo如下所示 ? 在中央存储库中没有其他人提交。 在这一点上，我完成了，并提交代码进行代码审查-我的审阅者告诉我应该只有一次提交。我需要“摆脱”3030版本的提交，并保留3031版本。 如果我在修订版3030上“剥离”，它会同时剥离3030和3031。(我知道如何从备份恢复，所以我没有丢失任何东西。我恢复了原状)
浏览 25提问于2020-04-23得票数 1
我有需要测试的AngularJS应用程序
我不能修改它。
我用Selenide/Java编写我的测试，使用JavascriptExecutor执行JS
我需要在测试中单击javascript中的复选框(这是必要的)
复选框：
<input class="ng-pristine ng-valid" type="checkbox" ng-model="row.selected">
问题：
我如何激发一个事件来更新角模型中的row.selected变量？
注意：--当人用手在鼠标上单击时，AngularJS应用程序工
浏览 1提问于2016-03-03得票数 0
回答已采纳
1回答
我在我的404页面上有一个表单，它自动填充了用户试图查找的地址。我也有自动提交表单的javascript。
问题是，一旦它自动提交，它就会继续循环，页面也会不断重新加载。
我正在尝试编写javascript代码来触发一次，然后停止。脚本在页面加载时触发，所以这就是导致循环的原因。
结果:我需要它在页面加载时触发，页面重新加载，代码检查它是否已经重新加载一次，然后停止。
对于我的测试，我试图让它弹出一个警告，上面写着“我重新加载了一次”，这样我就知道它是有效的。
到目前为止，这是我的代码
<script type="text/javascript">
window.o
浏览 2提问于2011-02-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
