问题标签 [radium]

通常，当我在我的 React 应用程序中使用 Radium 时，我只需将导出的类包装在 Radium 中

和媒体查询将按预期工作。但是，我想像这样同时使用react-routerRadium 连接：

但是当我应用我的样式时，我继续收到警告/错误：

警告：不支持的样式属性@media screen 和（最大宽度：799px）。你是说@media screen and (maxWidth: 799px) 吗？

我是否错误地将组件包装在 Radium 中？

我有两个组件，它们使用相同的布局/样式和不同的内容。我在 React.js 中使用镭。我在其中一个组件中使用了内联样式，并希望对其他组件使用相同的样式。我是 Radium 和 React 的新手。帮帮我！

提前致谢。干杯！！

我有以下反应代码，当我使用 Radium 进行内联样式时，媒体查询不起作用。它只是显示一个空白页作为输出。

我需要帮助找出这里的问题。提前致谢！

可能是什么原因，以下构造没有注意到以下媒体查询？

仅top: '0px'有效，媒体查询被忽略。另一种可能性：

也不起作用。我也试过了max-width / min-width，这也不是原因。

有人能帮我吗？

我正在实现一个自定义颜色主题模块。用户只需选择两种单独的颜色（主要和次要颜色是任何十六进制值）并将值保存在状态中。我使用这些颜色为我的应用程序中的组件设置自定义动态样式，例如：

除了 2 个问题外，这一切正常。

1. 将逻辑添加到每个组件需要永远。我宁愿能够设置 aclassName并用 that 调用每个元素上的逻辑className。

2. 伪类。伪类，例如:hoverand:focus不能很好地与内联样式混合。我知道并使用过镭，但我更愿意找到不同的解决方案。

我正在尝试使用 Radium 编写干净和干燥的代码样式。到目前为止，这就是我的按钮。

有两件事我想不通：

1. 如何在不重复自己的情况下将 primaryBlue 使用的背景颜色扩展到 primaryBlueBig？
2. 如果禁用为真，如何更改两个蓝色按钮的背景颜色？

这是我目前正在使用的精简版本，并试图摆脱在渲染功能中出现巨大的 if else 块。谢谢！^.^

我使用 Radium Style 组件来更改 React-Slick 的默认样式。我所做的一切都像他们在教程中写的那样，样式正在发生变化，但媒体查询不起作用。

我尝试使用@media (min-width: 400px)and @media screen and (min-width: 400px)，但没有任何帮助。

这就是我的组件的样子

我的package.json条目看起来像

我什至尝试了以下导入

但是错误仍然相同。整个堆栈跟踪看起来像

按照这些步骤我错过了什么？

我想为较小的设备更改 Tab 组件的颜色。下面是我想要实现的一个例子：

镭已正确导入到我的项目中 - 它被用于<div>元素等。但它不适用于 Material UI。有没有办法解决这个问题？

I ran into this issue while using React inside a Shadow DOM. I've been using a setup similar to this to handle event retargeting.

https://github.com/LukasBombach/react-shadow-dom-retarget-events/blob/master/index.js

Radium ':hover' doesn't work when wrapping my React Components