CSS Pseudoクラスの場合、Reactの開発者はなぜ状態の変更を行わなければならないのですか？

Question

リアクションでは、CSS疑似クラス（例えば、ホバー、フォーカス、アクティブなものなど）について、誰かが私のことを説明できるのですか、なぜ反応の状態変化に行かなければならないのですか？なぜ開発者に反応しないのですか はCSSのようにそのスタイルを保っていましたか？

Answer 1

あなたはインラインスタイルでそれを行うことができない、あなたが後にあるものを達成するための.cssを使用する必要があります。

https://medium.com/@jviereck/modularise-css-the-react-way-1e817b317b04#.gwcfeppld

CSSの擬似クラスからメディアクエリはサポートされていません：インラインスタイルを使用しても、通常のCSSを記述するのと比べて表現力が完全に向上するわけではありません：特に、.notification：hoverや.notification：beforeのような擬似クラスに対してCSSセレクタを表現する方法はありません。また、メディア照会を使用してビュー媒体に基づくスタイリングを適合させることはできない（例えば、モバイル上で見るときとデスクトップ上で見るときに異なるようにコンテンツを調整する）。 Radiumのようなライブラリは、これらの制限を回避する手段を提供しますが、そこに到達するには厄介なやり方をしなければなりません。

Answer 2

https://jsfiddle.net/rz2t224t/2を参照している例では、HTML要素の特定のイベントを処理しています。上記のコードで

return React.createElement(
"button", 
{onMouseOver: this.mouseOver, onMouseOut: this.mouseOut}, 
label 
); 

onMouseOverのと ONMOUSEOUTイベントは、その後のmouseOverとマウスアウト機能をそれぞれ実行するボタンで発生します。

私たちのようにreactjsでCSSを使用することができます。ホバーの例えば

：https://jsfiddle.net/balaji_mitkari/69z2wepo/68520/