为什么React onChange在不丢失焦点的情况下也能正常工作？

React中的onChange事件是用于监听表单元素的值变化的事件。它可以在用户输入内容时触发，并且在不丢失焦点的情况下也能正常工作。这是因为React使用了虚拟DOM的概念，通过比较前后两次渲染的虚拟DOM树的差异，只对有变化的部分进行实际的DOM操作，从而提高了性能。

具体来说，当用户在表单元素中输入内容时，React会通过onChange事件监听到输入的变化，并将变化的值更新到组件的状态(state)中。然后，React会重新渲染组件，并生成新的虚拟DOM树。在生成新的虚拟DOM树时，React会比较前后两次渲染的虚拟DOM树的差异，并将差异应用到实际的DOM上。

在这个过程中，React会保留表单元素的焦点状态，即使重新渲染后，焦点仍然保持在原来的表单元素上。这是因为React在更新DOM时，会尽量保持DOM节点的稳定性，只更新需要更新的部分，而不会重新创建整个DOM树。因此，即使重新渲染后，表单元素的焦点状态仍然保持不变。

总结起来，React的onChange事件在不丢失焦点的情况下也能正常工作，是因为React使用了虚拟DOM的概念，通过比较前后两次渲染的虚拟DOM树的差异，只对有变化的部分进行实际的DOM操作，从而保持了表单元素的焦点状态。