开发者社区> 问答> 正文

#React 什么是“关键”道具?在元素数组中使用它们的好处是什么?

#React 什么是“关键”道具?在元素数组中使用它们的好处是什么?

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

    key是一个特殊的字符串属性,在创建元素数组时应包括在内。按键可帮助React识别哪些项目已更改,添加或删除。

    大多数情况下,我们使用数据中的ID作为键:

    const todoItems = todos.map((todo) =>
      <li key={todo.id}>
        {todo.text}
      </li>
    )
    
    

    当你没有稳定的ID为渲染的项目,您可以使用该项指标作为关键的最后一招

    const todoItems = todos.map((todo, index) =>
      <li key={index}>
        {todo.text}
      </li>
    
    

    )

    2020-05-07 16:27:45
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

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