问题标签 [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.

0 投票
3 回答
4973 浏览

javascript - 使用 Material-ui 和 Radium 的多种样式时出现问题

我正在尝试结合 Radium 和 Material-ui。当我尝试在单个 Material-ui 组件上应用多种样式时,没有应用任何样式。因此,例如,这样的事情不会产生任何样式应用:

当然,如果我这样做:

有用。有没有办法解决它,或者这是使用 Radium 组合 Material-ui 组件样式的唯一方法?顺便提一下,Radium 设置正确,因为在例如 DIV 元素上应用样式数组或正常工作。此外,我愿意接受任何关于为使用 Material-ui 库的 React 项目设置样式的建议。谢谢!

0 投票
1 回答
3121 浏览

ios - “大纲”不是有效的样式属性

我正在尝试使用带有重用为 Web 应用程序构建的一些组件。

我有一个包含outlinecss 属性的组件。我重用了组件,不幸的是,我收到了这个错误:

在此处输入图像描述

我的问题是:

  • outline属性的替代方法是什么?

  • 中是否有的替代品?

  • 我应该手动管理 iOs DEV、android DEV 和 web DEV 之间的样式属性命名差异吗?

0 投票
1 回答
725 浏览

reactjs - 在 React 中实现瞬时指示器

我的目标是有一个保存指示器,当数据刚刚保存时(不是在保存时)闪烁保存图标,作为向用户指示他们的编辑成功的指示。React 似乎比一次性的“动作”更适合状态,但这是我能想到的最好的:

它有效,但是有没有办法可以简化它并使其更短?

0 投票
0 回答
162 浏览

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 的一个问题,但不知道如何解决这个问题/解决它。任何建议将不胜感激。

0 投票
1 回答
524 浏览

css - 如何在 Material UI 组件中使用 Radium 实现媒体查询

尝试在 Material UI 组件中实现断点,Raised 按钮。适用于普通 div,但不适用于 Material UI 组件

尝试在镭内包裹按钮

其次是

和按钮样式是

你能帮我吗,它在 Raised 按钮的 labelStyle 道具的情况下工作,但不是必需的样式。尝试了两个版本max-width:700px-maxWidth:700px没有任何反应。

0 投票
1 回答
142 浏览

javascript - 镭内联 CSS - 关于构建导出类?

是否可以将所有内联 Radium 样式提取到类中,以便 html 不会因所有内联样式而变得丑陋?

我有这个:

现在输出的 HTML 看起来像这样:

我希望它是这样的:

CSS 规则将包括以下内容的地方:

0 投票
1 回答
4999 浏览

reactjs - 如何内联样式子 DOM 元素 React?

假设我导入库 react-select 或任何其他我无法直接访问其组件和 jsx 的库。是否可以将您自己的样式传递给子 DOM 元素,例如来自其他库的下拉菜单。就像你可以使用普通的 css 一样div div div{... here you will style only children}。我正在使用镭。

就我而言,我想更改 Select Select--single is-searchable 类和样式下拉菜单的 z-index。

在此处输入图像描述

0 投票
2 回答
2574 浏览

javascript - Radium - 错误:请将您的应用程序包装在 StyleRoot 组件中

我有一个简单的 React 组件,我想将媒体查询添加到:

但是,在编译时出现以下错误:

未捕获的错误:要使用需要addCSS(例如关键帧、媒体查询)的插件,请将您的应用程序包装在 StyleRoot 组件中。组件名称:Slider.

我正在使用反应 15.0.0 和镭 0.18.1

我究竟做错了什么?

0 投票
1 回答
707 浏览

css - React 组件的样式困境

我开始使用 React 和 Redux 制作新项目。我是 React 新手,不确定应该使用哪种样式方法。显然,我想使用不会降低性能、提供 CSS3 的所有功能并且可维护的那个。所以选择是:

  1. 使用Radium的内联样式
  2. SASS
  3. CSS 模块

我有长期使用 SASS 和 CSS3 的经验。尽管如此,内联样式确实给我留下了深刻的印象,但它不提供自动前缀和其他一些不错的自动化功能。显然没有终极选择,但最有效的选择是什么?

0 投票
1 回答
1093 浏览

javascript - 镭':悬停'不起作用

在我第一次实现 Radium 时,我正在尝试一个简单的“:悬停”。这是我所拥有的...

我在服务器或控制台中没有收到任何错误,只是没有 :hover 状态事件。Webpack 没有给我任何错误,因为我已经设置了我的.babelrc和 Webpack 配置文件来读取装饰器语法。

需要明确的是,还有其他风格和元素在起作用,但这是一个修剪过的胖例子。谢谢。