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

Question

我对React Syntax有疑问。
我想在React中重建我的网站，并编写代码来访问data-attribute值。

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

这似乎工作得很好。经过进一步调查，我读到了相同方法的备选表示法如下：
e.target.attributes.getNamedItem('data-menuItem').value

我想知道我提到的第二种方法是否是最佳实践，或者它是否真的很重要。

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

Answer 1

假设您的html中有<div data-pg="abc"></div>，那么您可以检索数据属性：

let val = e.target.dataset.pg

现在，您的val将abc。

要检索数据属性的值，替代方法是：

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

Answer 2

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

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