react 中的blur事件

迪迪的部落格發表於2018-12-24

我們知道,想要手動觸發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啊感覺,直接逃避問題?‍♀️)

相關文章