React 中 keys 的作用是什么?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

React 中 keys 的作用是什么?

问问小秘 2019-11-22 14:03:31 156

React 中 keys 的作用是什么?

前端开发
分享到
取消 提交回答
全部回答(1)
  • 问问小秘
    2019-11-22 14:04:12

    Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。

    render () {
      return (
        <ul>
          {this.state.todoItems.map(({item, key}) => {
            return <li key={key}>{item}</li>
          })}
        </ul>
      )
    }
    

    在开发过程中,我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素,从而减少不必要的元素重渲染。此外,React 还需要借助 Key 值来判断元素与本地状态的关联关系,因此我们绝不可忽视转换函数中 Key 的重要性。

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程