升级到React 17后使用onBlur

Question

我有一个div，如下所示。

<div
id={'editor1'}
tabIndex={-1} 
onBlur={this._blurHandler}
>

我注意到，在升级到React 17.0.1版本(从16.13.1开始(后，this._blurHandler没有被调用。

我确实读到了一些突破性的变化——https://reactjs.org/blog/2020/08/10/react-v17-rc.html#other-打破变化并看到"；onBlur事件已经切换到使用本地focusin和focusout"；而不是聚焦。

当我处于react 17时，有没有一种方法可以恢复模糊时调用this._blurHandler的原始行为？

Answer 1

onBlur和focusout(本地事件不是React(之间的主要区别在于focusout会推进，而onBlur不会。因此，尝试将e.stopPropegation()添加到ReactonBlur/onFocus事件中。