update.カスタムデータ属性とはHTML5で定義されたカスタムデータ属性、当然皆さんご存知のことかと思います。HTMLにプライベートな値を設定できるという仕様です。data-から始まる属性です。data-type='fuga'>🐳</div>この値は、次のようにしてjavascriptやcssから触ることができます。}}細かい仕様や利用可能なブラウザーは他の記事を参考にしていただくとして、この指定方法とても便利だと思いませんか?カスタムデータ属性を使った書き換え例えば次のようなコードがあったとします。}}これをデータ属性付きの方法で書き換えると次のようになります。}}data属性に書き換えるだけなので変更も容易です。意識しなくてもCSSの名前が衝突することがなくなりますし、classが短くて済みます。class名の操作をしなくていいので、javascriptで操作する場合も手軽になります。!isHide;},false);Reactと組み合わせても便利Reactのjsxは、基本的にはsrcなどの予約された属性以外のものを利用することができませんが、data属性なら自由に指定することができます。次のように書けるので、jsxでstyleを直接当てることなく見た目を変更することも可能です。...</div>data属性がcssで操作できるということは・・・?こんなこともできると思います。}}これだけ複雑なことをしても、一切classは汚れません。グリッドシステムも簡単に(?)12分割のグリッドシステムもdata属性を使えばより簡単に指定することができます。}}最後にというわけで状態の指定にカスタムデータ属性を使うともう少し幸せになるのではないかという提言です。requestStockLike298@trkbt10愛知県の音大を卒業後、クソ田舎岐阜の大垣の企業に入社。今は東京で働いている。upLoginユーザーは見つかりませんでした。