通常在按钮点击事件处理程序中使用console.log()来打印一些信息。但是,有时您会发现在Next.js应用程序中,按钮点击事件处理程序中的console.log()不起作用。
这可能是由于两个原因引起的。第一个可能是您使用了默认情况下由Next.js处理的按钮点击事件。第二个可能是您需要为按钮指定“type”属性。
如果您使用了默认事件处理程序,请从事件对象中获取信息,并使用它们调用console.log()。例如:
function handleClick(e) {
e.preventDefault();
const formData = new FormData(e.target);
const value = formData.get('inputName');
console.log(value);
}
如果您需要指定按钮类型,请确保将其设置为button以避免由于默认行为而导致页面刷新。例如: