前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Taro中的一个父组件中map渲染子组件列表的时候,问题

Taro中的一个父组件中map渲染子组件列表的时候,问题

原创
作者头像
耙耳朵
修改2020-06-11 17:31:29
1.9K0
修改2020-06-11 17:31:29
举报
文章被收录于专栏:taro-reacttaro-react

其实问题还是自己想偷懒而且不注意导致的,可以说是小程序页面和组件的界限

我们在开发的时候,组件和页面一定要分开,如果是组件的话,就一定不要当成页面组件在pages中配置,就拿列表组件来说

场景:我一个列表,我想单独展示成一个页面,但是又想在带有tab筛选的时候当成一个局部组件,所以偷懒了!

这样就导致了首次渲染数据空白!!!!但是在开发者工具看的时候,其实数据已经是有的,百思不得其解啊,于是就放弃了,差不多首次就是这样

首次渲染的时候
首次渲染的时候

可以看到,appData中数据是正常的,但是第一次的map展示就是有问题,值出不来,点击了上面的tab之后就又正常了

我们可以看看代码。就是简单的react 列表渲染一个子组件

看下面的这个列表循环
看下面的这个列表循环

于是.......过了十天

我还是放不下!因为我觉得没啥问题啊,于是我回去了

我想着新开一个页面吧,然后就去配置pages,忽然我发现了这么一行代码!!!!【灵机一动,会不会是小程序中页面和组件之间的边界出了问题呢】

我就去掉了

配置中pages把goods-item也加进去了
配置中pages把goods-item也加进去了

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档