Javascript onSubmit onClick的nextjs事件处理程序不工作

当使用next.js（因此也会作出反应）时，我表单的

onSubmit

方法永远不会被调用。它总是进行页面重新加载，可以通过action form属性进行控制

但是，我希望表单不会刷新页面。这种行为可能是由于next.js服务器端渲染造成的

以下是我的标记：

<form action="/search" onSubmit={(e) => {
  console.log("I am never called even if the action attribute is removed");
  e.preventDefault();      
  return false;
}}>
  <input name="q"/>
  <input type="submit"/>
  <button type="submit">submit too</button>
</form>

{
log（“即使删除了action属性，也不会调用我”）；
e、 预防默认值（）；
返回false；
}}>
也服从

有人能解释一下这种行为，或者告诉我如何修复它，使它不会重新加载页面吗

编辑

---

进一步的研究发现，组件中没有任何事件处理程序在工作，甚至

onClick

呈现已损坏搜索组件的组件是_document.js和onClick、onSubmit的事件处理程序，etc不起作用-当我移动搜索组件，使其成为/pages中某个组件的子组件时，它开始工作正常。。。我在next.js网站上读到，要小心你在_document.js中放了什么，这给了我移动代码的想法

你是否尝试返回True？它从未命中该代码-控制台日志从未firescan你提供了一个更完整的示例？我刚刚将这段代码粘贴到next.js应用程序中，效果很好。感谢您的时间-这是一个_document.js问题，请参见下面我的答案