我想更改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 `hasSubmit`.
加:
该方案是:
hasSubmit
设置false
在getInitialState()
。hasSubmit``false
单击submit
按钮时将变为。hasSubmit
将true
在提交时更改为。
首次点击submit
没有问题,hasSubmit
并将其设置为true
。
但是submit
使用时Second asynchronous code
,第二次单击将是错误的,因为hasSubmit
仍然可以true
,而First Code
可以解决问题。
这是React文档所说的:
切勿
this.state
直接进行更改,因为之后调用setState()可能会替换您所做的更改。将此this.state视为不可变的。
setState()
不会立即使this.state发生变化,而是创建一个待处理的状态转换。this.state
调用此方法后进行访问可能会返回现有值。无法保证对setState的调用的同步操作,并且可能为提高性能而对调用进行批处理。
setState()
除非在中实现了条件渲染逻辑,否则它将始终触发重新渲染shouldComponentUpdate()
。如果正在使用可变对象,并且无法在中实现逻辑
shouldComponentUpdate()
,则setState()
仅在新状态与先前状态不同时进行调用才能避免不必要的重新渲染。
按照API的设计方式使用API总是明智的。如果文档说不改变您的状态,那么最好不要改变您的状态。
尽管setState()
从技术上讲可能是异步的,但以任何明显的方式肯定不会变慢。该组件的render()
功能将在很短的时间内被调用。
直接设置状态的一个缺点是阵营的生命周期方法- ,,shouldComponentUpdate()
-依赖于状态转换被调用。如果直接更改状态并使用空对象进行调用,则无法再实现这些方法。componentWillUpdate()``componentDidUpdate()``setState()``setState()
另一个是它只是不好的编程风格。您用两个语句执行的操作可能要执行一次。
而且,这里没有实际的好处。在这两种情况下,render()
只有在调用setState()
(或forceUpdate()
)之后才被触发。
您声称需要执行此操作,而没有实际解释该需求是什么。也许您想进一步详细说明问题。可能有更好的解决方案。
最好使用框架而不是反对框架。
从下面的评论:
我需要在下面使用更改后的hasSubmit。
好的我现在明白了。如果您需要立即使用future状态属性,那么最好的选择就是将其存储在局部变量中。
const hasSubmit = false;
this.setState({
hasSubmit: hasSubmit
});
if (hasSubmit) {
// Code that will use `hasSubmit` ...
本文向大家介绍useState和this.state的区别是什么?相关面试题,主要包含被问及useState和this.state的区别是什么?时的应答技巧和注意事项,需要的朋友参考一下 内部基于 实现,方法返回 state 本身以及一个修改 state 的方法。 通过 修改数据,不会和 一样进行对象属性合并,会直接覆盖。 Hooks 函数组件中,存在的概念,在一次渲染闭包中,state 是固定不
问题内容: 我在(React.Component)上查看了Facebook的文档,其中提到了如何在客户端/服务器上调用而仅在客户端上调用。这是什么做的服务器? 问题答案: componentWillMount本质上是构造函数。您可以设置不影响渲染的实例属性, 同步 从存储中提取数据并使用setState 设置实例属性,以及设置组件时需要运行的其他简单的无副作用的代码。 它很少需要,ES6类根本不需
我看了Facebook的留档(React.Component),它提到了如何在客户端/服务器上调用,而仅在客户端上调用。对服务器做什么?
问题内容: 通过Firebug查找相对的XPath时: ---------如果我们一开始不使用点表示什么呢? 只需添加Xpath-它突出显示—各种页面元素----------这意味着什么? 以下是XPaths for Gmail密码字段。的意义是什么? 问题答案: 这些表达式都选择不同的节点集: .//*[@id=’Passwd’] “。” 在开始处表示当前处理 在当前节点处开始 。“ *”选择从
问题内容: 两者都意味着空间,但是有什么区别吗? 问题答案: 一个是不间断空间,另一个是常规空间。不间断的空格表示该行不应在该点处换行,就像它不会在一个单词的中间换行一样。 此外,正如斯文德(Svend)在其评论中指出的那样,不间断的空间不会崩溃。
本文向大家介绍<%# %> 和 <% %> 有什么区别?相关面试题,主要包含被问及<%# %> 和 <% %> 有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 答:<%# %>表示绑定的数据源 <%%>是服务器端代码块