数组的map方法中调用另一个数组的map方法的问题

[390825867-969293]

    代码如下：

    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这里会报错呢。请大家帮忙指点一下，谢谢～

[Taro 小助手 - honly]

@390825867-969293 你这个得去taro-ui提个issue哦