问题标签 [radium]

我目前有一个嵌套的 div，它当前包含一个名为react-mobile-picker. 不幸的是，没有样式选项来设置样式，请参见链接：

https://www.npmjs.com/package/react-mobile-picker

因此，我安装了镭，据说它可以让您设置嵌套项目的样式。

我想用特定的字体设置选择器的样式。我已经在 chrome 中尝试过，我需要定位的目标称为“picker-container”。

代码如下：

我可以看到上面的样式被应用了（styles.picker），但是子样式没有被应用（picker-container）。

想法？

我在 react 中使用 Radium 库进行内联样式。使用它适用于其他组件，但我遇到了 Material-UI 组件的问题。当我将鼠标悬停在 Paper 上时，它不会将颜色变为绿色。这里有什么问题？我该如何解决 ？

将近 2 年后，我将重返编码领域。我对反应还很陌生。我真的在摸索如何在反应中使用伪选择器。我遇到了许多使用 Radium 的答案，但只是我无法在我的代码中实现这一点。任何帮助表示赞赏。

下面是 React 组件：

当我将我的 React 应用程序从版本 15.4.1 更新到 React 16.8.6 时，我收到错误我该 Cannot read property 'object' of undefined at Object../node_modules/radium/lib/components 如何解决这个错误

这就是我在浏览器上得到的

我正在尝试安装镭以响应内联伪类或元素以添加到我的应用程序中，但它显示了 3337 个高严重性漏洞？解决方案是什么，我可以使用类和 id 进行样式设置，但我想使用内联样式，因为 react 中的所有内容都是 JavaScript。

我刚试过 npm intall --save radium 但它显示错误。

npm install --save 镭

我只是希望它与 json 一起安装并保存，这样我就可以使用版本控制，如果我愿意，以后可以与某人共享。

我使用 Radium 并且它可以工作，但是当我添加 useState 时出现此错误：无效的挂钩调用。钩子只能在函数组件的主体内部调用...

我可以在不将功能更改为类的情况下修复它吗？

所以我有两个组件，Person 和 App，person 组件有一些内联 CSS 样式，我要与 react 一起使用，但我收到以下错误。

Module '"../../../../../../Users/7oss/Desktop/ReactTutorials/my-first-portfolio/node_modules/@types/radium"' has no exported member 'StyleRoot'.ts(2305)

我正在尝试将 @media 样式添加到 Person 组件。

我尝试过使用 Radium.StyleRoot 而不是 StyleRoot，但出现以下错误：

这是应用程序组件：

这是 Person 组件：

这是 package-lock.json 中的镭包：

我假设问题在于 StyleRoot 没有以某种方式正确导入，但我会很感激一些输入。我也在使用 TypeScript

我有一个简单的 React js 项目。

应用程序.js

复选框.js

首先，我试图设置一个复选框的样式，以便：

• 它的标签颜色为#ccc，并且
• 选中后，将其标签的颜色更改为#f00。

不应用样式。如何解决？

其次，在 App.js 内部，我在什么情况下用 包装 JSX 代码<StyleRoot></StyleRoot>？

非常感谢！

我在 React 中使用 Radium 编写了上面的 CSS 动画（对不起，代码很长，但我尝试将两个浏览器窗口大小的两个动画完全分开以使其工作），默认浏览器大小的默认实现工作完美，但是一个包含媒体查询（以 @media only screen 和 (min-width:1280px) 开头）的内容不会进入浏览器，如下面的屏幕截图所示，第一个默认屏幕尺寸（没有媒体查询）动画出现，但对于第二个屏幕尺寸，来自 Radium 样式对象的 x 变量不会被实际动画替换。知道为什么吗？

我实际上曾尝试在 React 应用程序中安装 Radium，但在下面的屏幕截图中遇到了一些警告

我面临的警告的屏幕截图