如何解决地图创建组件的访问键
有没有办法访问地图创建组件的 key，如下所示...
data.map((data,index) =>
<li
key={ index }
onClick={ handleClick }
>{ data }</li>
)
...或者是存储和访问 data 所需的 index 属性，如下例所示
data.map((data,index) =>
<li
key={ index }
data-index={ index }
onClick={ handleClick }
>{ data }</li>
)
解决方法
key 属性仅被 React 用于渲染优化目的。它在 DOM 中是看不到的。因此，如果您希望能够从 handleClick 内部访问索引，您需要以某种方式将值放入 DOM - 就像您的 data-index 一样。
对于这种特殊情况，另一种选择是将其传递给 handleClick，例如：
data.map((data,index) =>
<li
key={ index }
onClick={ e => handleClick(e,index) }
>{ data }</li>
)
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
