在ReactJS中更改时的输入？

在ReactJS中更改时的输入是指在用户输入数据时，通过React的状态管理机制来更新组件的状态。React中的输入可以通过多种方式实现，常见的有以下几种：

使用受控组件：受控组件是指将表单元素的值与React组件的状态进行绑定，通过onChange事件监听用户输入的变化，并更新组件的状态。这样可以实时获取用户输入的值，并进行相应的处理。受控组件的优势是可以对用户输入进行校验和处理，同时也方便进行表单数据的提交和重置。
使用非受控组件：非受控组件是指将表单元素的值交由DOM自身管理，通过ref来获取用户输入的值。非受控组件的优势是可以减少代码量，适用于简单的表单场景。
使用受控组件和非受控组件的混合方式：可以根据具体的需求选择使用受控组件或非受控组件，也可以在不同的表单元素中使用不同的方式。

React中更改时的输入的应用场景非常广泛，例如登录表单、注册表单、搜索框、评论输入框等等。根据具体的业务需求，可以选择不同的输入方式。

腾讯云提供了一系列与ReactJS相关的产品和服务，例如云服务器、云数据库、云存储等，可以根据具体的需求选择相应的产品。具体的产品介绍和链接地址可以参考腾讯云官方网站：https://cloud.tencent.com/

在ReactJS中更改时的输入？

javascript、reactjs

我正在学习react和react表单，并试图创建一个动态的、可伸缩的表单。我已经设置了具有type的状态，并根据类型显示相应的输入类型(因此它可以是文本、文本区、单选、选择、日期或复选框)。我正在尝试编写一个函数，以便它可以根据表单输入的type动态设置on更改，但我无法实现相同的功能。看看这个完整的代码片段： import React from "react"; rende

浏览 23提问于2020-06-21得票数 1

回答已采纳

2回答

如何处理多个输入字段中的更改，并使用axios将数据发送到api？

javascript、reactjs、object-destructuring

我正在尝试处理多个输入文本字段中的更改，并将值发送到API，这里是我尝试过的 const [state, setState] = useState({ Value_B:'', Value_D:'', Value_e:''}) 这里的handleChange函数 function handleChange(evt)

浏览 7提问于2020-07-02得票数 0

1回答

在浏览器中的网页上多次执行相同的java脚本

javascript、performance

一个网页多次执行同一个java脚本的场景是什么？YSlow声明应该避免重复执行java脚本，因为这会影响性能，但是如果运行相同的JS在一个页面上创建多个框架呢？这是一个有效的场景吗？请告诉我是否有任何有效的场景需要在浏览器中执行多个重复的JS？致敬，Xhings

浏览 1提问于2016-05-27得票数 0

3回答

资料用户界面谷歌地图

reactjs、material-ui

我试图让谷歌的地方(自动完成领域)与我的reactjs网站与材料UI风格的集成。我确实在资料UI文档上找到了这个演示，但是当我在输入上进行更改时，它并没有对我起作用，谢谢你，希望你得到我想解释的东西，

浏览 2提问于2019-12-13得票数 0

回答已采纳

1回答

reactJs:从一个组件设置另一个组件的值

express、reactjs、react-jsx

单击reactjs中的按钮，我想递增一个名为counter的变量，这个递增是通过服务器端进行的。我对每个组件使用commonJs方法，所以每个组件都在不同的文件中。这就像点击按钮将商品添加到购物车中，这需要与服务器进行通信。

浏览 1提问于2015-08-14得票数 0

3回答

使用react提交表单，但没有状态

javascript、reactjs

我有一个简单的场景。用户点击一个编辑按钮，他就会进入一个页面，页面上的每个字段都填写了表单。他改变了一些东西，然后点击保存，非常简单。在jquery中，我们只是绑定并从DOM中获取值，在angularjs中，双向绑定的工作方式是相同的，但是在react中呢？我经常看到人们通过将输入绑定到onChange来获得表单值，但在编辑情况下，用户可能不会接触到每个字段。我不认为国家是必要<e

浏览 0提问于2017-03-06得票数 2

回答已采纳

2回答

如何在reactjs中动态加载组件？

javascript、reactjs、react-motion

我正在一个Reactjs +Reactjs项目中工作，在一个“模态窗口”(比方说)中，如果可能的话，我想动态地挂载或加载组件？到目前为止，我的解决方案是:我无法找到一种方法，因此似乎更容易让组件就位，并隐藏它，然后在状态更改时切换一个类或样式，显示隐藏的组件，并且只在“模式窗口”转换完成之后。在下面分享一些代码，这样更容易理解我想要做的事情。没有事件处理程序，大多数代码都被删除，但

浏览 1提问于2016-04-29得票数 0

回答已采纳

1回答

使用函数组件清除来自父对象的React子输入值

javascript、reactjs

我想在设置redux状态后从父级清除子功能组件这是我的代码 const ParentContainer = (props) => { }} 在子组件上我在父组件中尝试了keyPressed.target.value = &

浏览 29提问于2020-11-06得票数 1

回答已采纳

2回答

在Reactjs中输入更改时自动更新图表

reactjs、input、charts、onchange、auto-update

我正在尝试在输入更改时自动更新图表。我有3个元素:一个输入字段(k)，一个两列的数组(x和sin(kx))和一个图表(plotting sin(kx))。我想让数组和图表在k变化时自动更新。没有按钮点击，没有重新加载，只有更改时自动更新。编辑:沙盒:)

浏览 4提问于2020-12-20得票数 0

1回答

如何仅在按下提交按钮时更改显示，而不在更改搜索时更改显示

javascript、reactjs、bootstrap-4

目前，用户在按下submit按钮之前看不到搜索栏下面的任何内容，因为这会将用于显示数据的userState更改为true。当他们按下按钮后，显示会随着用户的键入而发生变化，并且他们不再需要按下submit按钮来查看显示中的变化。

浏览 11提问于2021-07-15得票数 1

回答已采纳

2回答

React未正确呈现

css、twitter-bootstrap、reactjs、apache

它使用Debian 8、Apache、PHP7和Mysql在一台机器上运行。*注-该网站实际上使用的是SCSS，而不是CSS。 Alias /coaching "/var/www/coaching/&q

浏览 1提问于2018-05-01得票数 0

回答已采纳

1回答

如何限制reactjs缓存API数据

reactjs、react-dom

我是第一次接触reactjs。在我的项目前端是slim.There的react和backend中，我注意到一个问题，每当我在API中进行更改时，它不会反映在前端，直到我没有清除我的浏览器cache.Its也发生在生产项目中。我在reactjs中遗漏了什么吗？为什么缓存API数据

浏览 0提问于2018-04-29得票数 0

2回答

Reactjs在更改时获取输入时间值

reactjs

如何在reactjs函数组件中获取输入类型time的值。这是我得到的一个例子。time" onChange={(e) => console.log(e)} className="app-time" min="00:00" max="23:59" value={value} /> 在控制台上我可以获取HH:mm格式的值吗？

浏览 26提问于2021-10-14得票数 1

2回答

子组件中的数据模型

meteor、reactjs、components、communication、meteor-react

我想知道在父/子组件之间进行通信的最佳实践是什么。我读过关于通信和组件状态的，但是没有找到正确的答案来解决问题。<Task key={index} taskdata={taskobj} /> 我的Task子组件

浏览 4提问于2016-04-17得票数 1

2回答

减少绑定onChange事件时文本显示值的滞后以获得响应值

javascript、reactjs、ecmascript-6、material-ui、onchange

我有一个输入的TextField(Material-UI)，在同一个页面上有两个表，有很多值。为了在textField中输入值，我在setState中使用了onChange事件，如下所示。问题是在何处使用此方法，对于每个值更改，调用setState，以便为每个值更改呈现页面。这导致用户在fast中输入值时在字段上显示值的速度慢。下面是用于此的代码

浏览 0提问于2018-08-10得票数 1

1回答

React-选择isMulti检索选定的选项

reactjs、react-select

我目前正在做一个springboot/reactjs项目。我正在使用react选择库在我的一个表单中设置多选输入，但我无法获得所选的值。下面是一些代码，让它更清晰一些。

浏览 1提问于2020-04-06得票数 0

1回答

如何解决一个组件下多个组件CPU负载过高的问题？

reactjs

在我们的react网站开发过程中，我们遇到了一个问题，比如说我们有一个充满不同组件的页面，我们目前的设计是所有的组件都“在”一个母组件下，当任何一个组件更新时，它会通过调用母组件的一个函数来“报告”更改的值给母亲，而母亲组件会做一些“数据消息”，然后将值存储在她的状态中。然而，由于母组件状态改变，这将导致其所有子组件重新计算/重新渲染，这会导致极高的CPU负载，浏览器甚至会因此而挂起。我

浏览 34提问于2019-10-18得票数 0

4回答

提交表单后setState不起作用

reactjs、forms、function、react-hooks、state

我是React JS的新手，现在我正在尝试学习函数组件中的钩子。下面是我的代码：应用 import React, { useState } from "react"; </button> ); export default AddPlayerForm; 因此，我尝试从from to App组件提供提交的值，但由于某种原因，在单击sub

浏览 45提问于2020-07-19得票数 0

回答已采纳

1回答

所以我有一个带有add按钮的输入字段，该按钮有一个函数可以将输入字段的值推送到一个数组(由useState控制)，下面的一个容器呈现这个数组的每个元素。这个容器有一个“头像”，我随机设置了它的背景颜色，所以每个都是不同的。问题是，每次我在输入字段中输入时，这个数组似乎都发生了变化，容器被重新渲染，背景颜色也发生了变化下面是代码 const [inputs, onChangeInput, isFor

浏览 8提问于2021-01-11得票数 2

2回答