当我在组件 class 中添加 window.addEventListener 时无法刷新页面

Question

当组件 class 中有 window.addEventListener 片段时，我在刷新页面时遇到问题。

componentDidMount() {
    window.addEventListener("keydown" , function(event) {
        event.preventDefault();
        if (event.keyCode === 13) {
            document.getElementById("searchLink").click();
        }
    });
}

注意： ctrl+f5 不起作用，当我启用此代码段时，所有键盘操作都不起作用。即使 chrome 控制台也无法使用键盘快捷键打开。使用鼠标指针刷新页面在浏览器中也不起作用。

Answer 1

componentDidMount() {
    window.addEventListener("keydown" , function(event) {
        if (event.key === "Enter") {
            event.preventDefault();
            document.getElementById("searchLink").click();
        }
    });
}

preventDefault 取消所有键盘按键

当我在组件 class 中添加 window.addEventListener 时无法刷新页面

Unable to page refresh when I add window.addEventListener inside the component class

javascript

reactjs

react-select