使用javascript

Question

我需要使用可以包含在页面中的javascript代码跟踪使用Reactjs构建的表单上的字段更改。

对于非反应页面，我可以使用jQuery中的.change事件跟踪字段值的变化。如何跟踪React页面的字段值更改？有没有办法让它对现有的反应代码和使用外部js文件的任何更改都有效？一直在寻找相同的但没有得到如何与javascript的反应组件进行交互。

Answer 1

React允许像这样使用onChange处理程序：

<input onChange={this.handleChange} value={this.state.sometext} />

如果您希望能够通过jQuery跟踪这个，那么您可以使用componentDidMount方法。这是一个生命周期方法，当组件安装在DOM中时调用。

componentDidMount() {
  $('input').change(doWhatever);
}

如果您无法访问React组件，那么您应该jQuery＆＃34; on＆＃34;。

$('input').on('change', doWhatever);