小编Mad*_*eka的帖子

在 Next JS 中检测用户何时离开页面

我想检测用户何时离开页面 Next JS。我统计了 3 种离开页面的方式:

  1. 通过点击链接
  2. 通过执行触发 router.back、router.push 等的操作...
  3. 通过关闭选项卡(即当 beforeunload 事件被触发时

能够检测页面何时离开非常有用,例如,提醒用户某些更改尚未保存。

我想要这样的东西:

router.beforeLeavingPage(() => {
    // my callback
})
Run Code Online (Sandbox Code Playgroud)

next.js

17
推荐指数
4
解决办法
4万
查看次数

纸张的自定义阴影颜色

有没有办法只更改 mui Paper 组件的框阴影颜色。我把背景设为黑色,这样就看不到阴影了

我用过

createMuiTheme({
  overrides: {
     MuiPaper: {
       root: {
        boxShadow: "0 1px 6px 1px blue"
       }
     }
   }
 }
Run Code Online (Sandbox Code Playgroud)

正如你所看到的,当我给出 boxShadow 设置时,从 0 到 24 的每个高度都会使用它

我需要的是一种只改变阴影颜色的方法,感谢您的帮助

reactjs material-design material-ui next.js

9
推荐指数
1
解决办法
8583
查看次数

错误:更新到 Next.js 13 后 <Link> 与 <a> 子项无效

将 Next.js 更新到版本 13 后,我收到此客户端错误

在此输入图像描述

<Link href="/contact">
  <a>
    Contact
  </a>
</Link>
Run Code Online (Sandbox Code Playgroud)

javascript npm reactjs next.js next.js13

8
推荐指数
2
解决办法
1万
查看次数

在 react.js 中隐藏滚动条但保留滚动功能

我已经尝试了香草 HTML、JS 和 CSS 的所有方法,但它似乎不起作用,并且当它没有响应时,例如当我缩小它隐藏的屏幕但如果它最大化它就会出现

请在material-ui和reactjs中解决这个问题

有没有办法让它与各种浏览器兼容?

reactjs material-ui

6
推荐指数
3
解决办法
2万
查看次数

在“next.config.js”中找不到“exportPathMap”。从“./pages”生成地图

将 Next.js 部署到 Netlify 时出现此错误。

Error: Image Optimization using Next.js default loader is not compatible with `next export`.

Possible solutions:

6:47:15 AM:   - Use `next start`, which starts the Image Optimization API.
6:47:15 AM:   - Use Vercel to deploy, which supports Image Optimization.
6:47:15 AM:   - Configure a third-party loader in `next.config.js`.
6:47:15 AM:  -  Read more: https://err.sh/next.js/export-image-api.
6:47:15 AM:   at exportApp (/opt/build/repo/node_modules/next/dist/export/index.js:14:712)
Run Code Online (Sandbox Code Playgroud)

部署到 Vercel 时不会出现此问题。

deployment reactjs netlify next.js

6
推荐指数
4
解决办法
5133
查看次数

1
推荐指数
1
解决办法
292
查看次数