reactjs - 在 React 中使用列表和键时，键可以包含空格吗？

Question

我只是没有在 React docs for Lists and Keys 中明确看到它.

我的本​​能是将它们视为 HTML ID 属性安全，即 HTML5 spec说:

The value must not contain any space characters

...还有MDN docs .

我担心最坏的情况可能是诸如冰盒、冰淇淋和冰冷之类的 key 可能会意外转动分成ice的三个键，这显然不是我们想要的。

但是，我意识到这不是 HTML。最具体的提及是在列表和键文档页面中说

The best way to pick a key is to use a string that uniquely identifies a list item among its siblings.

那么，使用任何“唯一字符串”(包括空格)是否安全？

我知道唯一的项目 ID 是最好的，但在我的特定用例中，我没有这样的东西，也没有 slug/安全字符串。这源于关于人们应该在多大程度上进行的讨论 avoid using indexes as keys当无法获得真实身份证件时。

Answer 1

一般来说，React 不关心字符串里面有哪些字符，它不需要检查。 React 在检查虚拟 DOM 中的唯一性时使用键，并且键不会出现在生成的 HTML 中(不再出现)。因此，这里没有 HTML 规则，尤其是为 id 定义的规则。

为什么 HTML 中的标识符不允许空格？原因可能是因为它们在 CSS 中被用作 #myIdentifier 并且其中的空格会使含义变得模糊。