html中的data-reactid属性是什么?

当我浏览某些页面的HTML时,我注意到其中一些页面使用此属性“ data-reactid”,例如:

 <a data-reactid="......" ></a>

该属性是什么,其功能是什么?

Tom小宇宙2020/03/12 17:31:08

这是一个自定义html属性,但在这种情况下,可能由Facebook React JS库使用。

看看:http : //facebook.github.io/react/

十三斯丁2020/03/12 17:31:08

这就是HTML数据属性。详情请参见:http : //html5doctor.com/html5-custom-data-attributes/

基本上,它只是您的自定义数据的容器,同时仍使HTML有效。data-加上一些唯一的标识符。

神无L2020/03/12 17:31:08

数据属性通常用于各种交互。通常通过javascript。它们不会影响任何有关站点行为的内容,并且可以作为方便的方法出于任何目的传递数据。这是一篇可能会解决问题的文章:

http://ejohn.org/blog/html-5-data-attributes/

您可以通过在data-任何标准属性安全字符串(不带空格或特殊字符的字母数字)之前添加前缀创建数据属性例如,data-id在这种情况下data-reactid

小小卡卡西小卤蛋2020/03/12 17:31:08

HTML5中的自定义数据属性

在我的回答中引用伊恩的评论:

它只是元素上的一个属性(有效值),可用于存储有关它的数据/信息。

然后,此代码稍后在事件处理程序中对其进行检索,并使用它来查找目标输出元素。它有效地存储应在其文本输出的div的类。

reactid只是一个后缀,您可以在此处使用任何名称,例如:data-Ayman

如果您想找到区别,请在此SO答案和评论中检查小提琴