JSX文本输入如果它具有Onchange属性(React),则无效

发布于 2025-01-28 11:54:47 字数 657 浏览 4 评论 0原文

我遇到了任何具有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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

那小子欠揍 2025-02-04 11:54:48

事实证明,修复程序是要制作存储所有代码的巨型反应组件,而不是较小的,有条理的组件。

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文