react使用map渲染时视图不更新的问题

今天在写业务时遇到一个问题

{templateCurrentPageData.map(v => {
                    return <TemplateItem data={v}></TemplateItem>
                })}

TemplateItem在templateCurrentPageData更新以后，TemplateItem不渲染，数据已经变了。后来经过探索，发现是少了key。更新过如下

{templateCurrentPageData.map(v => {
                    return <TemplateItem key={v.id} data={v}></TemplateItem>
                })}

加了key以后正常渲染