react/material ui分页组件在本地工作,但不在服务器上工作

vsaztqbk  于 2021-09-23  发布在  Java
关注(0)|答案(1)|浏览(378)

有人能帮我解决这个问题吗?
[x] 最新版本中出现了该问题。
[x] 我已经搜索了这个存储库的问题,相信这不是重复的。

当前行为😯

我正在使用@material ui/core:4.11.2和@material ui/lab:4.0.0-alpha.57
分页在本地工作,但在构建并部署到服务器后根本不起作用
在服务器版本中,我在浏览器控制台中遇到以下错误: Uncaught TypeError: a is not a function at onClick (7f64add...e1.js:formatted:425) 见截图
当我点击链接(7f64add…e1.js:formatted:425)时,我得到以下信息:

ActionsComponent: function(e) {
    var t = e.count
        , a = e.onChangePage;
    return H("div", {
        className: c.root
    }, H(v.a, {
        onClick: function(e) {
            a(e, 0)
        },
        disabled: 0 === r,
        "aria-label": "first page"
    }, "rtl" === l.direction ? H(B.a, null) : H(T.a, null)), H(v.a, {
        onClick: function(e) {
            a(e, r - 1)
        },
        disabled: 0 === r,
        "aria-label": "previous page"
    }, "rtl" === l.direction ? H(A.a, null) : H(N.a, null)), H(v.a, {
        onClick: function(e) {
            a(e, r + 1)
        },
        disabled: r >= Math.ceil(t / o) - 1,
        "aria-label": "next page"
    }, "rtl" === l.direction ? H(N.a, null) : H(A.a, null)), H(v.a, {
        onClick: function(e) {
            a(e, Math.max(0, Math.ceil(t / o) - 1))
        },
        disabled: r >= Math.ceil(t / o) - 1,
        "aria-label": "last page"
    }, "rtl" === l.direction ? H(T.a, null) : H(B.a, null)))
},

突出显示这一部分:

onClick: function(e) {
    a(e, r + 1)
},

预期行为🤔

它应该以与本地相同的方式工作

复制步骤🕹

这是一个来自工作的封闭源代码项目,因此不可能复制

环境🌎

我正在使用react:16.14.0和next:9.5.5以及chrome浏览器

n8ghc7c1

n8ghc7c11#

发行固定

我已在此处找到此问题的修复方法:https://github.com/mui-org/material-ui/issues/27192
本页顶部对此进行了解释,如下所示:
虽然prop deprecation是一种非破坏性的更改,但在tablepagination中有一种情况,重命名onchangepage prop会破坏现有代码。特别是,将tablepagination与自定义actionscomponent一起使用会被破坏,因为提供给自定义actionscomponent的道具已从onchangepage->onpagechange更改。

相关问题