数组的map方法中调用另一个数组的map方法的问题
-
代码如下:
const titles = [ { title: '标签页1' }, { title: '标签页2' }, { title: '标签页3' }, { title: '标签页4' }, { title: '标签页5' }, { title: '标签页6' }, ] var cont:string[]; cont = [ // 0,1,2,3,4,5 "标签页一的内容", "标签页一的内容", "标签页二的内容", "标签页二的内容", "标签页三的内容", "标签页三的内容", "标签页四的内容", "标签页四的内容", "标签页五的内容", "标签页五的内容", "标签页六的内容", "标签页六的内容", ]; const pane = titles.map((val, idx) => { const items = cont.map((val, idx)=>{ return <AtList hasBorder={false}> <AtListItem title={val} /> </AtList> }); return <AtTabsPane tabDirection='vertical' current={this.state.current} index={idx}> <View style='font-size:18px;text-align:center;height:200px;'>{items}</View> </AtTabsPane> });
报错如下:
初学小白,对ts和js不是特别了解,不知道这么些为什么会报错。单独写了ts的测试代码,执行了一下,发现这种写法并不会报错。不知道为什么在taro这里会报错呢。请大家帮忙指点一下,谢谢~
-
@390825867-969293 你这个得去taro-ui提个issue哦