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

JavaScript

小宇宙十三

2020-03-12

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

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

该属性是什么，其功能是什么？

第1214篇《html中的data-reactid属性是什么？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共4个回答

Tom小宇宙 2020.03.12

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

十三斯丁 2020.03.12

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

神无L 2020.03.12

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

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

小小卡卡西小卤蛋 2020.03.12

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

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

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

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android