React:设置key,实现部分render

在state中增加id参数

state={
    persons:[
      {id:'asfa1', name:'Max' , age:28},
      {id:'asfa2', name:'manu' , age:24},
      {id:'asfa3', name:'Snie' , age:26}
    ],
    isshow:false
  };

为person设置key

if(this.state.isshow){
    person=(
      <div>
        {
          this.state.persons.map((person,index)=>{
            return <Person 
                    name={person.name}
                    age={person.age}
                    click={this.deletePersonHandler.bind(this,index)}
                    key={person.id}
                    />
          })
        }
      </div>
    );
  }else{
    person=null;
  }

key

设置key后每次render都会比较前后版本,render不同的部分;
不然会render整个代码,效率降低;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值