Reactjs中哪个更好，表单onChange还是输入框onChange？

Question

有两种方法可以获取您的React应用程序中的输入更改。

一种方法是使用

<input type="text" onChange={this.handleChange} />

另一种方式是：

<form onChange={this.handleChange} onSubmit={this.handleChange} />
   ...
</form>

当您应该使用第一个选项，以及何时使用另一个选项。

- Hayk Aghabekyan

Answer 1

之所以有两种方法，是因为还有更多的方法。你也可以这样做：

<div onChange={this.handleChange}>
    <form>
        <input />
    </form>
</div>

我认为第一种方法更好，因为处理程序尽早接收事件，可能是因为输入和组件状态之间的绑定已经在渲染函数中编码了，但这取决于处理程序的具体实现。

- Luka Žitnik

---

@hayk-aghabekyan，感谢您帮助我了解全局属性 https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes。在此之前，我实际上并不知道 onchange 是一个全局属性。 - Luka Žitnik