Javascript 如何为reactjs中的元素分配新的属性

我正在阅读一个教程，遇到了这些代码行，但我不理解“数据行为”和“数据动画”属性的含义

<a href="javascript:void(0);" data-behavior="editor-message"></a>

<div className='row animated fadeInUp' data-animation='fadeInUp-fadeOutDown'>
    ....
</div>

....

当我们希望向HTML元素提供额外数据时，

数据-

属性被赋予它们，而不破坏W3C惯例和默认属性

<a href="javascript:void(0);" data-behavior="editor-message"></a>

<div className='row animated fadeInUp' data-animation='fadeInUp-fadeOutDown'>
    ....
</div>

看

虽然

data-*

属性在传统的web开发中非常有用，即在没有JavaScript的情况下原始开发应用程序，但是React.JS中有几个解决方法不会令人头痛

---

请提供额外信息

这些属性允许您在html标记中传递任何类型的数据。它们是“自制”属性，您可以像其他属性一样使用和访问它们。 你可以解释一下

---

常见用法是传递一个url，您将在javascript中的数据url属性中使用该url，或者任何类型的值。

指向教程的链接将非常有用。