开发者社区> 问答> 正文

#React 索引作为键有什么影响?

#React 索引作为键有什么影响?

展开
收起
因为相信,所以看见。 2020-05-07 17:36:54 754 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    密钥应该稳定,可预测且唯一,以便React可以跟踪元素。

    在下面的代码片段中,每个元素的键将基于顺序,而不是与要表示的数据绑定。这限制了React可以做的优化。

    {todos.map((todo, index) =>
      <Todo
        {...todo}
        key={index}
      />
    )}
    
    

    如果您使用元素数据作为唯一键,假设todo.id是此列表唯一且稳定的,React将能够对元素进行重新排序,而无需重新评估它们。

    {todos.map((todo) =>
      <Todo {...todo}
        key={todo.id} />
    )}
    
    2020-05-07 17:37:40
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载