React.js无法动态应用CSS类

时间:2016-10-01 05:39:51

标签: javascript css reactjs websocket

我们在使用react object className作为props变量时遇到了问题。这使我们无法通过检测类名称来动态加载图像。将名称与大型CSS精灵(100多张图像)中的正确图像相匹配。数据通过websocket端点不断发送,当反应对象发生变化时,我们需要显示一个新图像。

在调试过程中,我们可以看到className已经应用于该元素,但是图像没有正确加载,并且该类似乎处于非活动状态。

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

1 个答案:

答案 0 :(得分:0)

这不是因为react

检查您是否正在添加图像的正确class。如果是,请尝试检查类的样式property。您有可能为invalid

提供css property