无法在 React 中编辑 beforeunload 事件侦听器消息

Question

我有一个 React 应用程序，我想阻止用户刷新页面并询问他是否确定要刷新页面。

这是我使用的Effect hook：

  useEffect(() => {

const unloadCallback = (event) => {
  event.preventDefault();
  event.returnValue = "";
  return "";
};

window.addEventListener("beforeunload", unloadCallback);
return () => window.removeEventListener("beforeunload", unloadCallback);
}, []);

主要问题是我无法编辑刷新页面时出现的模态的默认消息，并且在关闭选项卡时也会触发此事件。

如何更改消息并停止在关闭选项卡时要求确认，或者有没有办法从头开始添加自定义模式而不是使用浏览器模式？