Как вы назначаете новые атрибуты для элементов вactjs

Question

Я просматривал учебник и наткнулся на эти строки кода, но я не понимаю значения атрибутов «data-поведения» и «data-animation».

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

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

Answer 1

Эти атрибуты позволяют передавать любые виды данных в ваш HTML-тег.Это «домашние» атрибуты, которые вы можете использовать и получать к ним доступ, как и к любым другим.У вас может быть какое-то объяснение здесь .

Обычные случаи использования проходят по URL, который вы будете использовать в javascript в атрибуте data-url или любых других значениях, на самом деле.

Answer 2

Атрибут data- присваивается элементам HTML, когда мы хотим предоставить им дополнительные данные, не нарушая соглашения W3C и атрибуты по умолчанию.

См. https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

ХотяАтрибуты data-* действительно полезны при обычной веб-разработке, то есть при разработке сырых приложений без JavaScript, в React.JS есть несколько обходных путей, которые не станут головной болью.

Пожалуйста, предоставьте дополнительную информацию