问题标签 [radium]

I'm trying to give style using radium react js, and it don't work

this's Nav.css

this is nav.js

this's app.js

so, I want to do a nav responsive, so when @media screen and (maxWidth: 700px), nav is going to hide automatically, so when se media screen is greater than 700px, nav is working perfectly but less than 700px nav is not hideen, so I think that this const StyleCompleted = { '@media screen and (maxWidth: 700px)':{.....} } is not working, whue?

在这里，我的代码 app.js 将整个 jsx 包装到 StyleRoot。我不知道问题出在哪里。

我没有发现错误。请帮助我。

我使用了 npm install --save radium 命令，我得到了这个作为回报如何解决这个问题？

在此处输入图像描述

When I am trying to install radium with npm, I am getting a dependency tree error.

Command I am using:

Here is the error stack I am getting -

I do not wish to force downgrade my react version to 16.8.0. How can I resolve this?

我最近开始学习 React，现在我正在尝试使用 Radium JS 库创建一个媒体查询，但由于某种原因，它似乎没有在应用程序中应用。我试图在变量中重现的 CSS 代码是：

我尝试这样做的方式如下：

不得不提的是，我已经将返回的JSX 代码包装在App.js中的<StyleRoot></StyleRoot>元素中，该元素已在那里导入。

我在这里想念什么？

我正在开发一个个人网站，其中包含随机样式的标题文本。它目前只是随机化字体和颜色（尽管我计划添加更多），我通过从预定义的字符串列表中选择一个值来实现这一点。由于随机化需要在 JavaScript 中进行，所有样式都是通过 React 内联样式（在一个名为 StyleObj 的 const 中）完成的。为了进一步自定义我的文本，我安装了 Radium 库，它允许我使用 CSS :hover 选择器。我的问题来自这样一个事实，显然， :hover 选择器是以某种方式实现的，它强制重新编译我的 StyleObj 并因此重新绘制随机字体和颜色。

另外，呃，颜色和字体是临时的。哈哈