React.jsがCSSクラスを動的に適用できません

Question

反応オブジェクトclassNameを小道具変数として使用する際に問題があります。これは、クラス名&が大きなCSSスプライト（100以上の画像）の正しい画像に一致することを検出することによって画像を動的にロードすることを防ぎます。データはwebsocketエンドポイント経由で継続的に送信され、反応オブジェクトが変化すると新しい画像を表示する必要があります。

デバッグ中にclassNameが要素に適用されていますが、イメージが正しく読み込まれておらず、クラスが非アクティブであるように見えます。

var Item = React.createClass(
    { 
     displayName: 'Item', 
     render: function(){ 
      var itemClass = classNames("item", this.props.name); 
      return (
       <div className={itemClass} ></div> 
      ) 
     } 
    } 
); 

Answer 1

これはreactのためではありません。

画像にclassが正しく追加されていることを確認してください。はいの場合は、クラスのスタイルpropertyを調べてみてください。あなたにinvalidcssの値がproperty