JSX文本输入如果它具有Onchange属性(React),则无效
我遇到了任何具有Onchange属性的文本输入的问题 不会让我输入它。 我仍然有一段时间我可以在其中输入某些内容, 但是,如果我真的尝试,我几乎可以一次输入一封信。
我通常解决此问题的方法是使用document.getElementById()。值获得输入的值,而不是具有自动执行它的函数。
基本上我是这样做的
<input id="something" type="text" />
<button onClick={() => doSomething(document.getElementById("something").value)}>Click Me!</button>
,而不是这样做,
<input value={value} onChange={e => setValue(e.target.value)} />
<button onClick={() => doSomething(value)}>Click Me!</button>
但是现在我需要进行一些实时更新,因此我需要此方法。
I'm having an issue where any text input that has an onChange property
will not let me type in it.
I still do have a milisecond of time that I can type something in it,
but I can barely type one letter at a time if I really try.
The way I usually solved this problem was to get the value of the input once using document.getElementById().value, instead of having a function that does it automatically.
Basically I did this
<input id="something" type="text" />
<button onClick={() => doSomething(document.getElementById("something").value)}>Click Me!</button>
instead of this,
<input value={value} onChange={e => setValue(e.target.value)} />
<button onClick={() => doSomething(value)}>Click Me!</button>
but now I need to do some real time updates so I need this method.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
事实证明,修复程序是要制作存储所有代码的巨型反应组件,而不是较小的,有条理的组件。
It turns out that somehow the fix was to just make on giant React component that stores all the code instead of smaller, organized components.