React，样式组件的条件样式将不起作用

文章/答案/技术大牛

发布

1回答

javascript、reactjs、styled-components

我的问题是，每当我在样式化组件中尝试条件样式的经典方法时，它不会像我希望的那样改变组件的样式……有人能告诉我我哪里做错了吗？子组件： const Ripple = styled(ButtonBase)` font-size: ${(props) => (props.small

浏览 12提问于2020-08-14得票数 0

1回答

为什么textAlign或align在reactjs中不能工作？

reactjs

我已经尝试过通过我的App.css文件来做这件事，然后我尝试了内联样式，但是它仍然不能使按钮在屏幕的中心对齐。import React, { Component } from 'react'; import '.

浏览 8提问于2020-08-23得票数 0

1回答

尝试导入错误：'createGlobalStyle‘不是从'styled-components’导出的

css、reactjs、sass、material-ui、styled-components

我正在尝试从样式化组件导入createGlobalStyle，但它似乎不起作用。我安装了样式组件npm包，版本是@3.4.10。100%* { margin: 0export default GlobalStyleimport ReactDOM from &#x

浏览 42提问于2021-05-31得票数 3

回答已采纳

1回答

样式组件颜色选择器未显示

javascript、css、reactjs、visual-studio-code、styled-components

我已经用了大约6个月的VSCode和React和样式组件--没有问题。最近，当包含任何涉及颜色的CSS属性时，颜色选择器还没有显示出来。我已经将选定的语言更改为CSS、Javascript、Javascript React和CSS (样式组件)。毫无办法。我

浏览 21提问于2022-03-14得票数 2

回答已采纳

4回答

带样式组件的条件样式

reactjs、styled-components

如何有条件地使用一种样式的组件？我有一个接受道具的基本组件，但它似乎不起作用(可能是一些非常愚蠢的东西)：import styled from 'styled-components

浏览 1提问于2018-05-06得票数 3

回答已采纳

1回答

如何在className中使用v5和样式组件时使用条件类的概念

material-ui

我知道mui v5现在正在使用样式化组件，但是想了解如何在使用样式化组件时使用条件类className={clsx(isRed && classes.bar)}的概念？如何最好地用样式化的组件编写以下示例？使用makeStyles**:**的mui v4示例import clsx from

浏览 8提问于2022-12-01得票数 0

1回答

如何在样式化组件的props函数中访问CSS变量？

css、reactjs、styled-components、react-props、css-variables

我有一个React应用程序。它正在使用带样式的组件。在main.css文件中，我定义了一个变量，如- primaryColor: 'red';在React应用程序中，我有像这样的样式组件(不工作)-`;如果我使用样式组件作为(工作)- c

浏览 9提问于2019-11-03得票数 2

回答已采纳

1回答

我可以在ES harmony风格的JavaScript中发布我导入的内容吗？

javascript、reactjs、ecmascript-6

在ES Harmony样式的脚本中，我将在React中为不同的组件分解不同的样式，如下所示：import style/main.css'; constructor(

浏览 1提问于2016-11-30得票数 1

2回答

React伪选择器内联样式

css、reactjs

你认为用React内联样式来处理伪选择器样式的好方法是什么？它的优点和缺点是什么？假设每个React组件都有一个styles.js文件。您可以使用该样式文件设置组件的样式。一种方法是有一个全局CSS文件，并以这种方式处理样式伪选择器。这里，类'label-hover‘来自一个全局CSS文件，而styles.label来自组件样式文件。

浏览 1提问于2017-04-30得票数 36

回答已采纳

1回答

当我在React + Styled-components中使用"input type“时，为什么我不能传递props？

reactjs、typescript、styled-components

我正在学习React。我想使用样式组件来样式化“输入类型”。我可以用普通的“输入类型”来扩展道具。但是当我使用样式组件时，它不起作用..道具是从父组件传递的。import * as React from "react"; export const Field: <e

浏览 2提问于2021-06-16得票数 0

1回答

是否有办法使导入的CSS库只影响反应性JS中的特定补充或元素？

css、reactjs

在我的React中，我使用了React，并导入了为了对其他组件进行样式化，我导入了MDBreact库，当我这样做时，组件(使用bootstrap.min.css样式)已经被MDB库的存在所影响。如有任何解决这个问题的建议，将不胜感激。

浏览 2提问于2020-04-26得票数 0

2回答

基于父级属性的样式组件中的条件渲染

reactjs、styled-components

如何根据父组件的属性将条件样式应用于样式化组件？Child>样式组件能够意识到它的<Parent>属性，这样我就可以有条件地设置它的样式。目前，我只是有条件地将一个类名应用于<Parent>中的一个div，然后我使用这个类名来对<Child>应用样式。但感觉不像是一种非常有样式<

浏览 21提问于2020-10-18得票数 1

1回答

框影转换不适用于滚动

javascript、css、reactjs、gatsby、styled-components

当它滚动到页面上的内容时，我希望导航上有一个下拉阴影，以便更容易地显示内容和导航之间的区别。下降阴影也应与过渡应用，以使它更顺畅。我在项目中使用gatsby，但这是一个react/js问题，只是说当我将其应用到带有gatsby的项目时，我应该知道有什么需要注意的事项。请注意，我正在使用<

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

回答已采纳

6回答

样式组件中的条件呈现

reactjs、styled-components

如何在样式组件中使用条件呈现将我的按钮类设置为active使用样式组件？this.state.active}) }>Click me</button>import styled from 'styled-componen

浏览 1提问于2018-01-29得票数 113

回答已采纳

1回答

Bootstrap React* Jumbotron背景图像*

reactjs、twitter-bootstrap

有谁知道如何在Bootstrap React中将背景图像放到巨型加速器上？我尝试过使用样式表和内联样式(camelCase)，但两者都不起作用。到目前为止，我的css样式表上已经有了这个。我可以让图像出现在chrome dev工具中，但Bootstrap React必须以某种方式覆盖背景颜色，但我不确定如何覆盖背景颜色。以下是我在样式表上的代码： .jumbotron { background-image: url("

浏览 15提问于2020-12-05得票数 0

1回答

Material样式()-如何设计子组件的样式

css、reactjs、material-ui、overriding

背景因此，我使用由Material公开的styled()实用程序函数来对组件进行样式化。假设我有一个名为Child的基本组件，我将基本组件导入到另一个React组件中。现在，如果我再次尝试对导入的组件进行样式化，样式将不会覆盖基本组件样式。导入的组件的backgroundC

浏览 1提问于2022-06-08得票数 0

回答已采纳

1回答

样式-组件不使用react。

reactjs、styled-components、styling

我在我的反应性项目中安装了样式化的组件。但是当我使用样式设计时-组件造型不起作用。是否还有其他设置可用于处理样式组件?请帮助import React from 'react'; const Container":

浏览 1提问于2021-11-14得票数 0

4回答

react本机日期选择器更改文本颜色

javascript、react-native、date、datetime、datetimepicker

问题我尝试将颜色传入：'white‘作为DateTimePicker组件的样式，我还尝试将itemStyle道具传递给DateTimePicker组件，因为这就是如何在react上更改文本样式--原生的Picker组件。两者都不起作用。有人知道如何在r

浏览 1提问于2019-10-28得票数 3

1回答

多个样式作为React组件中的样式支柱

javascript、reactjs

我想知道在React组件中是否有超过一种样式的可能性。import React from 'react' styleOne: { }return ( Lorem ipsum );我希望div同时具

浏览 15提问于2020-02-29得票数 0

回答已采纳

1回答

卷影dom内的材料ui缺少用于后续webcomponent调用的样式。

reactjs、material-ui、shadow-dom

我们有一个使用Material-ui的React编写的web组件。此used组件将在angular应用程序中使用。最初，我们有一个问题，即材质样式不能应用于卷影dom中的元素。因此，我们遵循这里给出的解决方案:使用How to mount styles inside shadow root using cssinjs/jss使用StylesProvider，并将jss的insertionPoint设置为影子dom中

浏览 15提问于2020-07-14得票数 1

回答已采纳

点击加载更多