React 触发虚拟 DOM 输入的 onChange 事件不同于常规 DOM 中的输入。为什么是这样?

React triggers onChange events for virtual DOM inputs differently than inputs in the regular DOM. Why is this?

在虚拟DOM中,每次输入内容改变时都会触发onChange。在常规DOM中,onChange仅在输入元素模糊时触发。

link to GIF illustrating the behavior

示例项目:

source code for the above demo

为什么 React 对虚拟 DOM 元素触发 onChange 事件的方式不同?

React DOM 故意偏离并在每次更改时触发 onChange,因为这几乎总是您想要的。这在此处的文档中进行了描述:Forms.