[RN] React-Native中Array渲染的优化

• Z时代
• 2024-01-10
• 分类：综合

React-Native中Array渲染的优化

例如用Push加进去的数据：

constructor(props){
    super(props);
    this.state = {
      blnUpdate: false,
    };
    this.testArr = [];
    for(var i=0;i<5;i++){
      this.testArr.push(
        <Text key={i} style={{fontSize:20, color: 'red'}} onPress={this.changeChild.bind(this, i)}>
          这是{i}
        </Text>
      );
    }
    console.log(this.testArr);
  }

增加 key  和 ref

优化后的代码如下：

for(var i=0;i<5;i++){
      this.testArr.push(
        <Text key={i} ref={'text'+i} style={{fontSize:20, color: 'red'}} onPress={this.changeChild.bind(this, i)}>
          这是{i}
        </Text>
      );
    }

本博客地址： wukong1688

本文原文地址：https://www.cnblogs.com/wukong1688/p/11179286.html

转载请著名出处！谢谢~~

以上是 [RN] React-Native中Array渲染的优化 的全部内容， 来源链接： utcz.com/z/381886.html