javascript - react : How to read external onChange events

标签 javascript reactjs google-chrome-extension

如何在react中读取外部文本变化事件。

Grammarly 这样的扩展和 Auto Text Expander更新 textarea 内的文本,但更改后不会触发 onChange 或 onInput 事件。结果,状态未更新且条件不一致(文本区域和组件状态中的不同值)。一种方法是在提交时读取 dom 值,但这不是我的场景的完美解决方案,因为其他一些操作取决于文本区域的当前值。有什么好的解决办法吗?

PS:我要求的是通用解决方案。更改扩展代码不是一种选择。

最佳答案

我检查了这个,它对我来说工作正常。 Grammarly 更正的拼写和语法会更新组件状态。

<textarea value={this.state.testText} onChange={(e) => {this.setState({testText: e.target.value} )}} />

关于javascript - react : How to read external onChange events,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40212774/

相关文章:

javascript - angular2 - jQuery 将像素添加到顶部位置

javascript - 如何删除某个div之后的div中的所有元素

javascript - Firestore 长获取请求

javascript - 如何在内存中正确存储访问 token react

javascript - 如何从注入(inject)的脚本中调用函数?

javascript - Google Chrome 崩溃内存泄漏或任何渲染问题

javascript - 调用工厂定义的方法返回未定义的值/ promise

javascript - ReactJS 如何为数据库中的数据添加搜索过滤器

javascript - 浏览器仍然泄漏真实的用户代理

Javascript chrome 扩展点击页面上的所有元素只更新一半