如何在React.js中为元素分配新的属性

Question

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

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

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

Answer 1

当我们想向HTML元素提供额外的数据时，data-属性被赋予HTML元素，而又不违反W3C约定和默认属性。

请参见https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

尽管data-*属性在常规的Web开发中确实很有帮助，即在未使用JavaScript的情况下开发原始应用程序，但React.JS中有多种变通方法不会让人感到头痛。

请提供其他信息

Answer 2

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

常见用法是沿URL传递，实际上您将在javascript中使用data-url属性或任何类型的值。