react 中的blur事件

我們知道，想要手動觸發blur事件時候，可以使用：https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/blur

Element.blur()

然而在react中，當你想手動觸發一個input的blur事件時，你會得到一個錯誤：blur is not a function

在react中，當我們要操縱dom時候，我們一般會使用ref，比如focus事件：

this.ref.current.focus() // 這個會執行的很好
this.ref.current.blur() // 這個會報錯

 

解決辦法：避開了直接觸發blur事件。。。(好low啊感覺，直接逃避問題?‍♀️)