为什么这个不受控制的组件在不使用State的情况下可以如此完美地工作

文章/答案/技术大牛

发布

2回答

reactjs、typescript

当我阅读ReactJS文档时，它建议使用状态来创建受控组件。然而，下面的非受控代码要干净得多，工作起来也完美无缺。我可以理解为什么父组件应该使用state，但是下面的代码太干净了，我不明白为什么推荐使用受控组件。"MyModule“前缀是可选的，我甚至不需要包括它。

浏览 9提问于2018-09-02得票数 0

回答已采纳

1回答

如何在React 15中创建空默认值的受控输入

reactjs、react-bootstrap

我想要被控制的文本输入有问题，但是它需要支持一个空值。export default class UppercaseTextField extends Component { super(); this.state这使React 15不高兴，因为value='‘使值被丢弃，因此React认为它是一个不受控制的输入，即使它有一个onChange。该组件可以工作，但我不

浏览 3提问于2016-05-11得票数 11

回答已采纳

1回答

组件正在将文本类型的受控输入更改为无控制的- ReactJS。

javascript、arrays、reactjs、object、controlled-component

我有一个页面，在该页面中，我从服务器获取数据，并为受控输入设置状态值。(例如，我有值为this.state.name的输入，例如从服务器获取名称，并将其设置为name，因此输入的值为Dave。它可以工作，但我遇到了对象数组的问题。}{this.state.ingredients.map(({ ingredient, quantity }, index) => (

浏览 1提问于2019-07-06得票数 1

回答已采纳

2回答

React中基于数组的复选框:受控的还是不受控制的组件

javascript、reactjs

我在状态中有一组值，类似于：此值数组用于控制复选框的状态。所以天真地，我想我可以检查数组中的值是否存在，以确定是否选中了复选框。}/> 警告:组件正在将类型为受控的输入复选框更改为

浏览 2提问于2018-09-13得票数 1

回答已采纳

5回答

在React中设置复选框"check“属性

reactjs、checkbox、default-value

我有一个非常恼人的问题与反应和复选框。我正在使用的应用程序需要一个复选框列表，这些复选框表示在后端持久化的设置。有一个选项，可以将设置还原到它们的原始状态。输入元素不应从不受控制的转换为受控的(反之亦然)。决定在组件的生存期内使用受控输入元素还是不受控制的输入元素。更多信息:一些无用的文档页，

浏览 4提问于2016-08-24得票数 63

回答已采纳

3回答

(ReactJS)“警告:组件正在更改不受控制的输入，这很可能是由于值从未定义的.”引起的。

javascript、reactjs、warnings、userform、react-component

由另一个控制器控制的UserForm在控制台上抱怨为 ex

浏览 28提问于2021-10-23得票数 0

回答已采纳

3回答

在提交表单后清空输入

reactjs、input、state

在更新状态后，我试图清空输入标签： formName: '', tempInput: { inputValue: '' }; <div className="formG"> <formtype="text"

浏览 1提问于2018-09-24得票数 0

回答已采纳

2回答

从componentWillReceiveProps迁移到getDerivedStateFromProps

reactjs

-1 ) 在组件的状态中，有可重置的部分和不可重置的部分。使用resetState方法可以避免构造函数和cWRP中的代码重复。...使用此解决方案，修改我的所有组件非常容易，但我不确定这是否是一个好方法。

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

1回答

在setState中更改JSON对象

reactjs

我有一个包含三个字段的表单，handleChange方法在第一个字段(DateOfBirth)中工作，但在(Id1)和(Id2)字段中不工作。由于某种原因，setState在试图更改(Id1\Id2)字段的值时返回此错误。 “组件正在将文本类型的受控输入更改为不受控制的输入。输入元素不应从受控制的输入转换为无控制的</e

浏览 0提问于2018-03-18得票数 6

回答已采纳

1回答

在react中提升状态是否会创建父级的依赖关系？

reactjs、data-binding

我正在阅读关于React文档的指南。在我看来，这个重构在TemperatureInput组件中创建了一个依赖于它的父组件，不管它是什么，来提供数据。如果我想在我的应用程序中不需要这种数据绑定的其他地方使用TemperatureInput组件，该怎么办？对组件父级的依赖不仍然存在吗?这意味着任何包含它的组件都需要提供该状态吗？这

浏览 2提问于2022-03-07得票数 0

回答已采纳

1回答

在joomla平台上定位

php、joomla

我为Joomla创建了J-locate插件的外部链接，这将有助于在地图上显示我需要的特定位置，因为无法通过插件设置默认位置。它是这样的：view=jlocate&state=nc&zip=27604&radius=10 我试图找出一种方法来摆脱状态过滤器，这样它就不会限制州最近的邮政编码位置。是否可以在我创建的外部链接中放置多个状态？如果它工作得很好，所以它可以过滤所有的状态

浏览 7提问于2013-05-17得票数 0

3回答

setState()上的受控输入变化

reactjs

我在React组件中有这个构造函数： info: {以及一种由国家控制输入的形式： <label>Title:</label> <inputtype="text" na

浏览 0提问于2019-03-21得票数 0

回答已采纳

4回答

警告: TextField正在将文本类型的受控输入更改为不受控制

javascript、reactjs

使用material ui textfield时获取错误 //errorText={this.state.errorText}

浏览 3提问于2017-04-26得票数 1

回答已采纳

1回答

具有多次单选按钮的问题呈现组件

reactjs、radio-button、radio-group

问卷的每一步都包括一个问题和一个“是/否”单选按钮组，以及导航按钮。这是。问题组件非常直接，我正在传递formData并将数据函数保存到父组件中。 </div> </div> }问题是，当你在第一个问题上选择你的答

浏览 3提问于2015-05-16得票数 1

回答已采纳

2回答

ReactJS:状态数组-无控制输入

javascript、reactjs

我正在构建包含多个复选框的组件--每个复选框用于一个类别。当布尔变量中只有一个复选框时，它工作得非常完美(类似于)，但是当我将状态放入数组中时，我得到的是不受控制的表单警告： react.js:20541警告: CheckComponent正在将>类型的受控输入复选框更改为不受控制输入元素不应从>受控切换到不受控制(反之亦然)。决定在>组件<e

浏览 2提问于2016-08-03得票数 0

回答已采纳

2回答

组件正在将受控输入更改为不受控制。这很可能是由定义的值更改为未定义的值引起的。

reactjs

extends Component { super(props); contactUs: {is " + this.state.contactUs.telephone);} 这些都是与上述组成部分有关的问题。当我向组件中的三个元素之一添加某项内容时，会收到以下错误。我怎样才能消除这个错误？警告:<em

浏览 5提问于2021-01-19得票数 6

回答已采纳

1回答

在受控组件中处理默认值的最佳方法是什么？

reactjs

在我的<input>元素上，我已经指定了使用状态的value支柱和使用用户名道具(如果它不是null )的defaultValue支柱。="username" required={true} value={this.state.username} defaultValue={this.props.username |

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

3回答

反应中的“半受控”成分

javascript、reactjs

我有一个子组件，它通过道具获得一个起始值。在组件中，这个开始值被复制到本地状态，并且对它的所有修改都在组件本身中处理。因此，子组件不是不受控制的，也不是完全控制的</e

浏览 1提问于2018-06-29得票数 2

回答已采纳

1回答

物料Ui复选框控制状态更改不起作用

reactjs、material-ui

第一个复选框将所有状态更改为checked=true，第二个和第三个复选框只管理它们自己的状态。状态更改工作正常，但复选框可视化没有变化。要确保复选框按照状态变化运行，我必须做些什么？

浏览 1提问于2019-04-01得票数 2

回答已采纳

2回答

呈现中的3个条件视图

javascript、reactjs、ecmascript-6

我试图在单击记录时呈现更新表单，单击日期选择器时呈现新记录表单，在更新/创建之后也不呈现更新表单。我有一个名为editMode的支柱，它可以根据用户输入动态地更改其值。下面是this.props.editMode在控制台中具有不同值的值的屏幕截图，除了显示它不是空的this.props.events之外，甚至数组中的一个对象都有一个与recordId找到的this.pro

浏览 4提问于2017-02-20得票数 0

回答已采纳

点击加载更多