javascript – React JS:setState在最后一次输入时迟到了
栏目: JavaScript · 发布时间: 5年前
内容简介:翻译自:https://stackoverflow.com/questions/34974775/react-js-setstate-is-late-on-last-input
对不起,如果我不能正确解释我的问题,因为英语不是我的
主要语言.
我创建一个表单组件(用es6编写),如下所示:
class Form extends React.Component { constructor(...args) { super(args); this.state = { input: '' }; } render() { return ( <form> <input type="text" onChange={this.onInputChange.bind(this)} /> </form> ); } onInputChange(e) { this.setState({ input: e.target.value }); console.log(`state: ${this.state}, value: ${e.target.value}`); // this is my checking } }
你看到我在哪里操作console.log?现在,当我尝试输入一些东西时
在浏览器上:
// I type this: my word // on every character input, the output is: // state: , value: m // state: m, value: my // state: my, value: my // state: my , value: my w // state: my w, value: my wo // state: my wo, value: my wor // state: my wor, value: my word // I do backspace // state: my word, value: my wor // state: my wor, value: my wo // state: my wo, value: my w // state: my w, value: my // state: my , value: my // state: my, value: m // state: m, value:
看到?每个输入的状态都是迟到的一个字符.这不好
验证输入长度.那我做错了什么?或者,我是否想念
什么?
onInputChange(e) { this.setState({ input: e.target.value }, () => { console.log(`state: ${this.state}, value: ${e.target.value}`); }); }
从 docs :
The second (optional) parameter is a callback function that will be executed once setState is completed and the component is re-rendered.
翻译自:https://stackoverflow.com/questions/34974775/react-js-setstate-is-late-on-last-input
以上所述就是小编给大家介绍的《javascript – React JS:setState在最后一次输入时迟到了》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- HBase原理-迟到的‘数据读取流程’
- HBase原理-迟到的‘数据读取流程’部分细节
- 最终一致性,一致只会迟到,但绝不会缺席
- 原生安卓的“Face ID”迟到两年 刘海都要被剪没了
- smart-socket v1.4.4 Bate 版发布,迟到的 UDP 通信
- 程序员:迟到1分钟罚300,加班却视而不见,月底工资让人寒心
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Microsoft Windows程序设计
佩措尔德 / 章立民 / 华中科技 / 2004-1 / 118.00元
Charles Petzold是全球最权威且知名的Windows程序设计专家,他将其最畅销Programming Microsoft Windows with C#一书加以改写,使之能完全适用于Visual Basic.NET的开发人员。这位畅销书的作家示范了如何使用Visual Basic.NET将Windows Forms的功能发挥到极致(Windows Forms是新一代的Windows程序......一起来看看 《Microsoft Windows程序设计》 这本书的介绍吧!