javascript - React.js 无法动态应用 CSS 类

标签 javascript css reactjs websocket

我们在使用 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>
            )
        }
    }
);

最佳答案

这不是因为 react

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

提供了 invalid css

关于javascript - React.js 无法动态应用 CSS 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39803402/

相关文章:

javascript - Js库进入浏览器

javascript - 如何设置第一个div宽度取决于文本宽度,剩余的全宽将分配给第二个div

html - height = 100% 似乎不适用于表格

javascript - redux-saga select() 返回未定义

javascript - 从子组件向 React 上下文添加值

javascript - 如何将错误响应从 php 发送到 jQuery Ajax post 请求

javascript - Protractor 和 Angular : How to test two pages in an app, 一个接一个?

html - 为什么我的搜索按钮在搜索栏下方

css - 光标指向左下角

javascript - 如何使用react-redux将ReactJS组件正确连接到Redux?