Reactjs 的唯一标识符 children

Question

我需要一个 Reactjs 组件的 children 的唯一标识符。这是 JSX pseudo-code:

<ParentComponent>
  <htmlElement1 uniqueIdentifier="htmlElement1" />
  <htmlElement2 uniqueIdentifier="htmlElement2" />
  <ReactElement1 uniqueIdentifier="ReactElement1" />
  <ReactElement2 uniqueIdentifier="ReactElement2" />
</ParentComponent>

如果我只有 React 元素，我会使用 key，但我还必须处理 html 个元素。

我无法使用 id，因为我的应用程序与其他应用程序一起嵌入到一个页面中，可能会发生冲突。

我目前正在使用 title，但它看起来不太好，因为当用户将鼠标悬停在元素上时会显示标识符。

你能推荐一个更好的attribute/prop吗？

Answer 1

您始终可以使用 data-* 属性，例如 data-unique-id="1"

Reactjs 的唯一标识符 children

Unique identifier for Reactjs children

html

attributes

jsx

reactjs