antd rc-table TypeError: Cannot read property ‘x‘ of undefined

报错原因

<Table columns={columns} dataSource={data} fixed={true} />

package.json

"dependencies": {
    "antd": "^4.5.2",
}

yarn install 生成的yarn.lock

antd@^4.5.2:
  version "4.9.3"
  resolved "https://registry.npm.taobao.org/antd/download/antd-4.9.3.tgz#a9666fe3d7e0b18818e7f8bdb81abbf8a4a3e7d2"
  integrity sha1-qWZv49fgsYgY5/i9uBq7+KSj59I=
  dependencies:
    rc-table "~7.11.0"

npm install 生成的package-lock.json

"antd": {
      "version": "4.16.2",
      "resolved": "https://registry.nlark.com/antd/download/antd-4.16.2.tgz",
      "integrity": "sha1-I7buiCLJ7CHZ/hG4kkbUlBSHjEg=",
      "requires": {
        "rc-table": "~7.15.1",
      }
    },

yarn 安装的可以正常使用

npm 安装的就报这个错了

ant design 版本之间的兼容问题

解决方案

1.package.json对antd 版本进行锁定

"dependencies": {
    "antd": "~4.5.2",
}

2.Table组件没有fixed这个 API

<Table columns={columns} dataSource={data} />

<Table columns={columns} dataSource={data} fixed={true} scroll={false}/>

 

相关文章

https://blog.csdn.net/react6/article/details/117751847