美文网首页
React中keys的作用是什么?

React中keys的作用是什么?

作者: 掉了眼的猫 | 来源:发表于2020-05-18 21:54 被阅读0次

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 的重要性。

相关文章

  • React知识点

    1. React 中 keys 的作用是什么? Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者...

  • react面试题

    React 中 keys 的作用是什么? Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除...

  • 撩课-Web大前端每天5道面试题-Day34

    1.React 中 keys 的作用是什么? 2.调用 setState 之后发生了什么? 3.react 生命周...

  • React知识点汇总

    Q:React中keys的作用是什么 key是React中用于给生成的Reactnode的标志符号在状态更新,重新...

  • React中keys的作用是什么?

    Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 在开发过程中,我们需要保证某...

  • React常见面试题及答案

    1、 keys 的作用是什么? Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识...

  • React知识点总结

    1.keys的作用是什么? keys是react用于追踪列表元素被修改,添加或移除的标识,我们需要保证元素的key...

  • react 面试题集

    React 中 keys 的作用是什么? 用于追踪哪些列表中元素被修改,添加,移除的辅助标识,减少不必要的渲染 调...

  • 4.React 中 keys 的作用是什么?

    Keys 是React在操作列表中元素被修改,添加,或者删除的辅助标识. 在开发过程中,我们需要保证某个元素的ke...

  • React中ref的使用

    React中Ref是什么? ref是React提供的用来操纵React组件实例或者DOM元素的接口。 ref的作用...

网友评论

      本文标题:React中keys的作用是什么?

      本文链接:https://www.haomeiwen.com/subject/wcfmohtx.html