数组的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哦


登录后回复