RN 动态生成标签

最新推荐文章于 2022-03-20 21:28:34 发布

zyh0709

最新推荐文章于 2022-03-20 21:28:34 发布

阅读量749

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/zyh0709/article/details/90602222

版权

React 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

注意

如果动态生成标签的话，需要给标签添加key作为控件的key（如果非动态的话默认会添加id），并且如果在数组中key不能相同，在dom树的一个分支下不允许有相同id的控件。

renderAllItems(){
    var images = [require('...'),require('...'),require('...'),require('...')];
    var itemArr = [];
    for(var i=0; i<4;i++){
        itemArr.push(<InnerItem key={i} iconName={images[i]}/>);
    }
    return itemArr;
}

render(){
    return (
        // 动态添加多个类似组件，相当于<View/><View/><View/><View/>...
        {this.renderAllItems()}
    );
}

class InnerItem extends Compnent<props>{
    
}