如何解决Reactjs 子项的唯一标识符
我需要一个 Reactjs 组件的子组件的唯一标识符。这是 JSX 伪代码:
<ParentComponent>
<htmlElement1 uniqueIdentifier="htmlElement1" />
<htmlElement2 uniqueIdentifier="htmlElement2" />
<ReactElement1 uniqueIdentifier="ReactElement1" />
<ReactElement2 uniqueIdentifier="ReactElement2" />
</ParentComponent>
如果我只有 React 元素,我会使用 key
,但我还必须处理 html 元素。
我无法使用 id
,因为我的应用与其他应用一起嵌入在页面中,并且可能存在冲突。
我目前正在使用 title
,但它看起来不太好,因为当用户将鼠标悬停在元素上时会显示标识符。
解决方法
您始终可以使用 data-*
属性,例如 data-unique-id="1"
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。