React.js 无法动态应用 CSS 类

Posted 2023-02-16

【中文标题】React.js 无法动态应用 CSS 类

【英文标题】：React.js fails to dynamically apply CSS class

【发布时间】：2016-10-01 05:39:51

【问题描述】：

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

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

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

【参考方案1】：

这不是因为react。

检查您是否添加了正确的图像class。如果是，请尝试检查该类的样式property。您有可能为 property 提供了 invalid css 值

【讨论】：

当你说它不可能时，你的意思是它不应该给出错误吗？或者你的意思是我们正在做的事情是不可能的？

问题不是因为react或classnames。这可能是因为您处理它的方式或css

知道了。谢谢你的提示。将查看并发布我们早上发现的内容。

有人说@codefame 在寻找问题的过程中死了。