styled-components 相关问题

styled-components是一个用于样式化React应用程序的JavaScript库。它删除了样式和组件之间的映射,并允许您编写使用JavaScript扩充的实际CSS。

将样式化的组件样式应用于第三方组件

我正在学习反应,我开始使用样式组件和react-router dom但我遇到困难将我的自定义样式组件应用于我不创建的现有组件。这里是 ...

回答 2 投票 0

使用样式化组件覆盖反应组件样式

我试图覆盖由样式组件(样式。)的标准方式创建的组件样式,并且两种方式(styled()和style.extends)都适合我。但是,当我试图覆盖...的风格

回答 2 投票 1

如何使用常见的less变量与样式组件?

假设我有一个样式组件,在index.jsx import'./index.less'; class Input扩展了React.Component {...},我的index.less文件看起来:.input {color:@whiteColor;这个index.less ...

回答 3 投票 1

设置React样式组件

我无法使样式组件工作;必须是我的设置中的东西。这是组件:从'react'导入React;从'styled-components'导入样式; const Wrapper = styled.div`显示:...

回答 1 投票 0

在React中使用样式化组件时,状态不会更改

我正在尝试使用样式化组件库进行样式设置时实现搜索栏。我的问题是,如果我使用样式组件,查询的值永远不会改变。这是我的代码导入...

回答 2 投票 0

在create-react-app构建之后缺少一些样式组件样式

我的create-react-app存在这个大问题。我正在使用样式组件,一切都在开发,但在我构建之后,一些样式丢失了,应用程序看起来真的......

回答 1 投票 0

如何使用带有样式组件的动态标签(React Emotion)

我想制作一个动态组件。 (动态TAG将是一个样式组件 - >情感)const Dynamic =({tag:Tag,children,... rest})=> {children}

回答 1 投票 0

如何使所有图像适合相同大小的div

我希望它们都适合带边框的盒子,但我不希望它们看起来很拉伸。我怎样才能做到这一点?我试过给他们一个固定的高度,宽度在一个div等,但他们总是......

回答 2 投票 2

使用样式组件动画背景渐变

我正在设置背景 (我使用Material-UI,v1.0.0-beta.25)作为渐变颜色。通过单击“添加”按钮并从...中选择一个,自动添加颜色

回答 1 投票 0

如何根据样式元素中的名称动态加载导入的组件?

今天我有一个关于REACT包样式组件的问题。我想要完成的是创建一个样式的div组件,它将用作视差容器,并且必须加载...

回答 2 投票 -1

样式(Component)不将样式值传递给自定义组件

Ich有一个React组件旋钮,想要传递不同的样式,在css网格中多次放置它。父组件有Display:grid,子节点的样式如下:const ...

回答 1 投票 0

使用样式组件设置滑块拇指的样式

我试图为React设置带有样式组件的滑块,但我不知道如何设置拇指的样式。我有一个看起来像这样的CSS:.faderInput :: - webkit-slider-thumb {-webkit -...

回答 1 投票 6

styled-components:样式组件没有将它们包装在容器/包装器中?

是否可以在不必创建容器的情况下设置反应组件的样式?这是我当前问题的一个例子。我总是需要将组件包装在容器/包装器中。像这样......

回答 2 投票 1

单击标签复选框时,不检查样式组件

我想要当用户点击标签checbox被选中(自定义)时,只使用样式组件,因为我们可以在css中做,而不是使用javascript。示例:https://stackblitz.com/edit/react-hr2vrx

回答 1 投票 0

样式化组件中的多个嵌套组件

我对Styled Components(来自SCSS)相当新,虽然我得到了它的一般要点。我想知道是否有办法巩固下面的代码。虽然它有效,但它重复......

回答 1 投票 1

我不能使用Styled Components将Button组件置于Material-UI中

我接下来是Material UI @的新手,我喜欢它支持Styled Components的事实。但是,我正在努力通过Styled Components将Button组件与中心对齐。一世 ...

回答 1 投票 1

使用React中的样式化组件向可折叠div添加过渡

我正在尝试使用样式组件创建一个简单的可折叠div。我可以让div根据状态切换打开和关闭,但我似乎无法使转换工作。它只是 ...

回答 1 投票 2

PrimeReact和样式组件

我似乎无法使用样式组件设置PrimeReact组件的样式。给出下面的代码来渲染InputText,我的目的是改变它的宽度。但它不起作用。进口风格来自“......

回答 2 投票 3

如何使用CSS模块有条件地在react组件中应用样式?

我默认使用CSS模块在本地范围内调整我的所有样式。根据我的理解,我能够使用本地样式表(./movieCard.styl)中设置的类名的唯一方法是使用...

回答 2 投票 0

覆盖导入的样式组件CSS属性

我有一个CheckBox和Label组件。在CheckBox组件中使用Label组件时,我想为标签添加额外的页边距。这是否可以通过样式()?安慰 ...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.