在React中检索数据属性值的最佳实践

Question

我有一个关于React语法的问题。
我正在构思在React中重建我的网站，并正在编写代码以获取data-attribute价值。

我用来获取data-attribute值的方法是：
e.target.getAttribute('data-menuItem');

这似乎很好用。经过进一步调查，我了解了相同方法的替代符号，如下所示：
e.target.attributes.getNamedItem('data-menuItem').value

我只想知道我提到的第二种方法是最佳实践还是真的很重要。

非常感谢您的帮助。感谢
萌

Answer 1

假设您<div data-pg="abc"></div>在html中有，然后在react中可以检索数据属性：

let val = e.target.dataset.pg

现在您val将拥有abc。

要检索数据属性的值，另一种方法是：

let val = e.target.getAttribute('data-pg')

Answer 2

getAttribute和之间没有真正的区别（DOM 方面）attributes.getNamedItem- 两者都存在于所有现代浏览器中，您可以使用其中任何一个。

该attributes属性返回注册到指定节点的所有属性节点的实时集合，而该getAttribute函数使您可以直接访问所需属性的值。