一、React中key值得作用
key值相同
key值不同
//更新前
render(){
return (
<List key = '1'/>
);
}
//更新后
render(){
return (
<List key = '2'/>
);
}
二、例子
//tree1
<ul>
<li key='1'>1</li>
<li key='2'>2</li>
</ul>
//tree 2
<ul>
<li key='1'>1</li>
<li key='3'>3</li>
<li key='2'>2</li>
</ul>
三、不推荐用属性中的index来做key值
四、注意事项
{
dataList.map((item,index)=>{
return <div style={mystyle} key={Math.random()}>{item.name}</div>
})
}