Grid组件下使用动态组件混合固定组件添加GridItem时,白屏并报错:TypeError: Cannot read property 'columnNum' of undefined
Closed this issue · 0 comments
xjkuchao commented
这个 Issue 涉及以下平台:
- 微信小程序
- 支付宝小程序
- 百度小程序
- 头条小程序
- 快手小程序
- QQ 轻应用
- Web 平台(H5)
BUG 描述
Grid组件下使用动态组件混合固定组件添加GridItem时,白屏并报错:TypeError: Cannot read property 'columnNum' of undefined
复现步骤
以vantui/packages/vantui/src/grid/demo/demo3.tsx为例,只需要修改为
import { Grid, GridItem, Image } from '@antmjs/vantui'
export default function Demo() {
return (
<Grid columnNum="3" border={false}>
{[1, 2, 3].map((index) => (
<GridItem key={index}>
<Image
style="width: 100%; height: 90px;"
src={`https://img.yzcdn.cn/vant/apple-${index + 1}.jpg`}
/>
</GridItem>
))}
<GridItem icon="plus" />
</Grid>
)
}
即可重现
期望结果
混合动态添加和固定GridItem时表现正常
实际结果
白屏并报错:TypeError: Cannot read property 'columnNum' of undefined
环境
"@antmjs/vantui": "^3.4.3",
"@babel/runtime": "^7.24.7",
"@tarojs/components": "^3.6.32",
"@tarojs/helper": "^3.6.32",
"@tarojs/plugin-framework-react": "^3.6.32",
"@tarojs/plugin-html": "^3.6.32",
"@tarojs/plugin-http": "^3.6.32",
"@tarojs/plugin-platform-weapp": "^3.6.32",
"@tarojs/react": "^3.6.32",
"@tarojs/runtime": "^3.6.32",
"@tarojs/shared": "^3.6.32",
"@tarojs/taro": "^3.6.32",
附加信息
无