当前位置：主页 > 查看内容

React 获取key 失败

发布时间：2021-05-15 00:00| 有 位朋友查看

简介：问题 在组件中获取 this.props.key 将得到 undefined 。 原因 大部分 JSX 元素上的 props 都会被传入组件，然而有两个特殊的 props （ ref 和 key ） 已经被 React 所使用，不会被传入组件。 解决方案 用一个不同的 prop 传入 ListItem key={result.id} id={……

问题

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

原因

大部分 JSX 元素上的 props 都会被传入组件，然而有两个特殊的 props （ref 和 key） 已经被 React 所使用，不会被传入组件。

解决方案

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


本文转自网络，版权归原作者所有，原文链接：https://segmentfault.com/a/1190000040001455
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：插件式可扩展架构设计心得 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐