javascript - 如何阻止页面重新加载

Question

我正在使用 react select All 创建一个搜索栏工作正常。当我按下键盘时，过滤器起作用并且回车按钮触发一个 onChange 函数问题是当过滤器没有找到结果并显示空白并且我按回车时。页面自行重新加载。如果我在“ENTER”键上创建 e.preventDefault()，它将阻止页面的重新加载，但“ENTER”不会触发任何功能。被屏蔽了，有什么解决办法吗？谢谢

  <Select
                        value={makeItNull}
                        placeholder={'Search...'}
                        options={options}
                        openMenuOnClick={false}
                        closeMenuOnSelect={true}
                        escapeClearsValue={true}
                        isClearable={true}
                        onKeyDown={(e) => {
                          if (e.code === "Enter") {
                            e.preventDefault();
                            console.log(e)
                          }
                        }}
                        onChange={(obj) => {
                          filterCondidateList(obj.value)
                        }}


                      />

标签： javascriptreactjseventsreact-select