鍍金池/ 問答/HTML/ react js 怎樣綁定鍵盤敲擊回車事件

react js 怎樣綁定鍵盤敲擊回車事件

1.問題：我想要實(shí)現(xiàn)鍵盤敲擊enter回車鍵，界面執(zhí)行搜索功能
2.代碼：

clipboard.png

clipboard.png

3.錯(cuò)誤提示：沒有錯(cuò)誤提示，但是測(cè)試中沒有實(shí)現(xiàn)

回答
編輯回答
柒槿年

在react里面的事件里面onClick={()=>{}}最好還是使用箭頭函數(shù)；為什么click你使用bind.this,但是keydown切不使用？onKeydown={(e)=>{this.handleKeydown(e);}};這個(gè)問題應(yīng)該打個(gè)斷點(diǎn)調(diào)試下很快就出結(jié)果了。

2018年4月2日 04:19
編輯回答
陪妳哭
class Demo extends Components{
    componentDidMount(){
        document.addEventListener("keydown",this.handleEnterKey);
    }
    componentWillUmount(){
        document.removeEventListener("keydown",this.handleEenterKey);
    }
    handleEnterKey = (e) => {
        if(e.keyCode === 13){
            //do somethings
        }
    }
    render(){
    
    }
}

我在項(xiàng)目是這樣處理的.

2017年12月3日 20:00