程序员

React 获取key 失败

作者:admin 2021-05-15 我要评论

问题 在组件中获取 this.props.key 将得到 undefined 。 原因 大部分 JSX 元素上的 props 都会被传入组件,然而有两个特殊的 props ( ref 和 key ) 已经被 Rea...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

问题

在组件中获取 this.props.key 将得到 undefined

原因

大部分 JSX 元素上的 props 都会被传入组件,然而有两个特殊的 props (refkey) 已经被 React 所使用,不会被传入组件。

解决方案

用一个不同的 prop 传入 <ListItem key={result.id} id={result.id} />。虽然这似乎是多余的,但是将应用程序逻辑和协调提示(reconciliation hints)分开是很重要的。


本文转自网络,版权归原作者所有,原文链接:https://segmentfault.com/a/1190000040001455

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • “鸿蒙设备开发”选“址” --&gt;

    “鸿蒙设备开发”选“址” --&gt;

  • Nextcloud是如何成为终极开源生产力套

    Nextcloud是如何成为终极开源生产力套

  • 手把手教你用Pycharm连接远程Python环

    手把手教你用Pycharm连接远程Python环

  • Windows 10X镜像生成工具发布:任意PC

    Windows 10X镜像生成工具发布:任意PC

腾讯云代理商
海外云服务器