@在react中使用radium的媒体查询

文章/答案/技术大牛

发布

2回答

媒体查询在Radium中不起作用

reactjs、radium

我有以下react代码，当我使用Radium to in style时，媒体查询不起作用。它只是显示一个空白页面作为输出。import React, { Component } from 'react'; &l

浏览 4提问于2017-03-13得票数 2

1回答

我该如何包装、反应、还原、连接镭内？

javascript、reactjs、ecmascript-6、redux、radium

通常，当我在React应用程序中使用Radium时，我只需将导出的类封装在Radium中即可。媒体查询也会像预期的那样工作。但是，我想在Radium旁边使用来自react-router的两种连接，如下所示：import Re

浏览 1提问于2017-02-27得票数 2

2回答

镭-错误:请将应用程序包装在StyleRoot组件中。

javascript、ecmascript-6、media-queries、radium

我有一个简单的React组件，我想将媒体查询添加到：import Radium, {StyleRoot} from 'radiumthis.props.totalSeconds}/> </StyleRoot>

浏览 1提问于2017-01-03得票数 2

2回答

我已经和React一起工作了一段时间了，我似乎找不到一种很好的方式来设计React组件。可以这样做的一种方法是使用内联样式，但您不能访问伪元素(如:after和:hover )，这要求您使用javascript处理所有“事件”(因为您可以使用css来处理这些“事件”)。另一种方法是使用样式加载器，但如果您想更新UI，就需要更改类.(在我看来，这并不是很“自然”的)。或者，您可以使用混合的aproac

浏览 1提问于2018-07-04得票数 1

回答已采纳

1回答

为什么Radium不适用于试剂(Clojurescript)？

clojurescript、reagent

res args)))] (util/cache-react-class res res)然后，我为这样的组件创建了函数如：[radium/radium] 因此，合并的样式向量一起工作得很好(这就是Radium特性)。媒体查询也能工作，但只有在第一次渲染时，当我更改屏幕大小时，它不会动态地

浏览 0提问于2015-09-02得票数 8

回答已采纳

3回答

jss中的媒体查询不响应

css、reactjs、responsive-design、jss

我在react元素中使用带有@media查询的样式道具。但出于某种原因，它没有回应。我在用JSS。这是我的密码 usernameConatiner: { alignItems: "center"": { backgroundColor: "bl

浏览 0提问于2019-01-08得票数 3

回答已采纳

5回答

React中的内联CSS样式:如何实现媒体查询？

javascript、reactjs

我非常喜欢React中的 ()，我正在考虑使用它。然而，我有一个类似于的问题。如何使用React的内联CSS模式实现应用程序的媒体查询？

浏览 0提问于2015-02-09得票数 51

0回答

javascript、css、reactjs

我正在尝试使用radium库在react中实现线条样式。我相信一切都很好，除了媒体的询问。我也在使用flex-box，我希望当屏幕尺寸是横向时，按钮显示在行中，当屏幕是纵向时，按钮显示在单列中。import React from 'react'; import {Grid, Row, Col} from 'r

浏览 1提问于2016-07-05得票数 1

回答已采纳

1回答

如何在react js中使用Radium

reactjs、jsx、radium

我试着使用radium react js来赋予风格，但它不起作用nav{ height: auto; padding: 10px; background-color: #414753; 这是nav.jsimport Radium

浏览 13提问于2021-02-19得票数 0

1回答

错误:要使用需要`addCSS`的插件(例如关键帧、媒体查询)，请将您的应用程序包装在StyleRoot组件中

reactjs

我正在学习React JS。在学习的时候，我遇到了这个问题。我不知道为什么它会给出这个错误，即使我已经通过命令npm install安装了radium --save radium请在下面找到我的代码- import React, { Component } from'react';import '

浏览 10提问于2019-09-07得票数 1

1回答

Radium不能与React路由器IndexLink组件一起使用

javascript、reactjs、react-router

不能与React路由器IndexLink组件一起使用。我使用了，但这并不能解决问题。下面是我的代码：import React, {PropTypes} from 'react';import {deepPurple500, deepPurple300, grey600} from 'material-ui/styles&#x

浏览 6提问于2016-07-15得票数 0

回答已采纳

1回答

如何在React* typescript中使用radium (错误:与类型“CSSProperties”没有相同的属性。TS2559)？*

reactjs、typescript、web

我正在尝试在React中使用Typescript。现在需要一些使用Radium的风格。我知道这是关于jsx类型的样式不允许使用媒体，但我不知道如何解决它。有人能帮上忙吗？非常感谢。我的package.json { "version": "0.1.0", "p

浏览 132提问于2019-02-10得票数 4

回答已采纳

2回答

如何在React中将多个特定于浏览器的值添加到CSS样式中？

css、browser、reactjs、cross-browser

这主要是为给定的CSS属性定义浏览器特定的值，如下图所示：然后在对象中复制键(在严格模式下将失败，否则将被覆盖)。简单地将所有值放入单个字符串似乎也不起作用。用JS找出浏览器，然后应用正确的值似乎是一项太多的工作。或者有不同的方法来做这件事？

浏览 0提问于2016-04-10得票数 3

2回答

Node + React依赖问题，peerDependency？

reactjs、npm、dependencies

我正在尝试使用我在一篇在线文章中找到的代码：下载并运行：npm install后，我收到以下警告：... "peerDependencies": { "react": "^1

浏览 0提问于2017-10-19得票数 0

1回答

镭悬浮不起作用

javascript、css、reactjs、inline

我使用Radium在React中编写内联css，当我想使用“悬停”时，我有以下错误： import Radium from 'radium'; class Header extends

浏览 2提问于2016-07-19得票数 0

2回答

为JSX工作，在样式中使用时会失败。

reactjs、svg、jsx

这是我的部件。当我在JSX中使用SVG时，它呈现OK： import Radium from 'radium'; </div> } export default

浏览 1提问于2019-06-04得票数 0

回答已采纳

1回答

使用镭改变div下的css

css、reactjs

这是我的原始代码： <a>qqqqqqqqqqqq</a> );}.TEST p {} 如果我使用镭，我需要在每个p上添加<div className="TEST&

浏览 6提问于2016-10-01得票数 1

回答已采纳

2回答

三列响应式

html、css、reactjs、flexbox

我不能使用bootstrap来完成这个任务。我使用reactjs和radium (风格像react-native)，我尝试使用flexbox，但我可以使用CSS和媒体查询。-------------------------- | column 2 |

浏览 0提问于2018-07-10得票数 3

1回答

将react从15.4.1更新到16.8.6时Radium出现问题

css、reactjs、radium

当我将React应用程序从版本15.4.1更新到React 16.8.6时，我收到错误Cannot read property 'object' of undefined at Object../node_modules/radium/lib/components How do I fix this error var Style = _react2.default.createClass({ 28 | displayName: 'Style&

浏览 15提问于2019-06-04得票数 0

回答已采纳

2回答

对于CSS伪类，为什么响应开发人员必须进行状态更改？

javascript、reactjs

在React中，有人能解释我，对于CSS伪类(例如。悬停，集中，积极等)，为什么我要去状态变化的反应？为什么不像我们在CSS中那样反应开发人员保持这种风格呢？

浏览 1提问于2017-01-27得票数 0

回答已采纳

点击加载更多

媒体查询在Radium中不起作用

我该如何包装、反应、还原、连接镭内？

镭-错误:请将应用程序包装在StyleRoot组件中。

风格反应组件的最佳实践

为什么Radium不适用于试剂(Clojurescript)？

jss中的媒体查询不响应

React中的内联CSS样式:如何实现媒体查询？