Как правильно использовать custom element внутри react?

Question

[noneim]

Custom elements есть двух видов:

<!-- variant 1 -->
<my-tag></my-tag>
<!-- variant 2 -->
<div is="my-tag"></div>

Так вот, почему то в react16 второй вариант не работает?

<!-- работает в 15, не работает в 16 -->
<div is="chart-01" data-stars="0;1;2;3;4;5"></div>
<!-- работает и в 15 и в 16 -->
<chart-02 data-stars="5;4;3;2;1"></chart-02>

Пример с реакт15 (codepen)

Пример с реакт16 (codepen)

Comments

[Антон Спирин]

Сами вопрос задали, сами ответили. Используйте первый вариант.