React中的key
在React
中,需要把key
添加到被foreach
或map
或for
循环直接控制的元素
import React from 'react'
import ReactDOM from 'react-dom'
//这两个导入的时候必须用这样的接收名称
let arrStr = ['jack','lisa','anni']
const nameArr = []
arrStr.forEach(item =>{
const temp = <h5 key={item}>{item}</h5>
nameArr.push(temp)
})
ReactDOM.render(<div>
{nameArr}
{arrStr.map(item => {
return <h2 key={item}>{item}</h2>
})}
</div>,document.getElementById('app'))