问题标签 [radium]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 使用 Material-ui 和 Radium 的多种样式时出现问题
我正在尝试结合 Radium 和 Material-ui。当我尝试在单个 Material-ui 组件上应用多种样式时,没有应用任何样式。因此,例如,这样的事情不会产生任何样式应用:
当然,如果我这样做:
有用。有没有办法解决它,或者这是使用 Radium 组合 Material-ui 组件样式的唯一方法?顺便提一下,Radium 设置正确,因为在例如 DIV 元素上应用样式数组或正常工作。此外,我愿意接受任何关于为使用 Material-ui 库的 React 项目设置样式的建议。谢谢!
ios - “大纲”不是有效的样式属性
我正在尝试使用带有镭的reactjs重用为 Web 应用程序构建的一些组件。
我有一个包含outline
css 属性的组件。我重用了组件,不幸的是,我收到了这个错误:
我的问题是:
ios或android的react-native
outline
属性的替代方法是什么?react-native中是否有镭的替代品?
我应该手动管理 iOs DEV、android DEV 和 web DEV 之间的样式属性命名差异吗?
reactjs - 在 React 中实现瞬时指示器
我的目标是有一个保存指示器,当数据刚刚保存时(而不是在保存时)闪烁保存图标,作为向用户指示他们的编辑成功的指示。React 似乎比一次性的“动作”更适合状态,但这是我能想到的最好的:
它有效,但是有没有办法可以简化它并使其更短?
karma-runner - 业力测试跑步者被镭抓住了
不确定我会为此获得多少帮助,因为它非常具体,但我开始没有想法了。
我有一个 React + Redux + Webpack 项目,我正在尝试设置 Karma 测试运行器。我有一个karma.conf.js
看起来像这样的文件:
当我运行时,karma start
我得到以下输出:
看起来 Karma 正在被Radium
我用于内联 React 样式的模块所吸引。底部附近还有另一个错误输出,也显示Uncaught Invariant Violation: Minified React error #37
。在遵循 facebook 上的错误参考之后,完整的错误消息是_registerComponent(...): Target container is not a DOM element.
在谷歌搜索之后,我仍然不完全理解这意味着什么或如何修复它。这可能只是镭问题的副作用。
我尝试更改我的根组件以省略Radium
并且测试能够运行。我确信这是 Radium 的一个问题,但不知道如何解决这个问题/解决它。任何建议将不胜感激。
css - 如何在 Material UI 组件中使用 Radium 实现媒体查询
尝试在 Material UI 组件中实现断点,Raised 按钮。适用于普通 div,但不适用于 Material UI 组件
尝试在镭内包裹按钮
其次是
和按钮样式是
你能帮我吗,它在 Raised 按钮的 labelStyle 道具的情况下工作,但不是必需的样式。尝试了两个版本max-width:700px
-maxWidth:700px
没有任何反应。
javascript - 镭内联 CSS - 关于构建导出类?
是否可以将所有内联 Radium 样式提取到类中,以便 html 不会因所有内联样式而变得丑陋?
我有这个:
现在输出的 HTML 看起来像这样:
我希望它是这样的:
CSS 规则将包括以下内容的地方:
javascript - Radium - 错误:请将您的应用程序包装在 StyleRoot 组件中
我有一个简单的 React 组件,我想将媒体查询添加到:
但是,在编译时出现以下错误:
未捕获的错误:要使用需要
addCSS
(例如关键帧、媒体查询)的插件,请将您的应用程序包装在 StyleRoot 组件中。组件名称:Slider
.
我正在使用反应 15.0.0 和镭 0.18.1
我究竟做错了什么?
css - React 组件的样式困境
我开始使用 React 和 Redux 制作新项目。我是 React 新手,不确定应该使用哪种样式方法。显然,我想使用不会降低性能、提供 CSS3 的所有功能并且可维护的那个。所以选择是:
- 使用Radium的内联样式
- SASS
- CSS 模块
我有长期使用 SASS 和 CSS3 的经验。尽管如此,内联样式确实给我留下了深刻的印象,但它不提供自动前缀和其他一些不错的自动化功能。显然没有终极选择,但最有效的选择是什么?
javascript - 镭':悬停'不起作用
在我第一次实现 Radium 时,我正在尝试一个简单的“:悬停”。这是我所拥有的...
我在服务器或控制台中没有收到任何错误,只是没有 :hover 状态事件。Webpack 没有给我任何错误,因为我已经设置了我的.babelrc
和 Webpack 配置文件来读取装饰器语法。
需要明确的是,还有其他风格和元素在起作用,但这是一个修剪过的胖例子。谢谢。