styled-components 相关问题

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

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

我正在设置背景 (我使用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

将prop传递给样式化组件中的嵌套元素

我想将一个prop传递给一个段落元素的嵌套样式,但看起来我不能将prop直接放在元素上。我该如何实现这一目标?我只想申请大写......

回答 2 投票 1

Emacs中的样式组件模式?

我在Emacs中使用web模式来编写我的React应用程序,但它缺乏对样式化组件的支持,JS中的CSS没有语法突出显示或缩进,使得它很难使用。我有什么办法......

回答 1 投票 0

如何使用针对React的样式组件单击按钮?

我想做一件简单的事情:点击时我的按钮会改变背景颜色。我使用样式组件和伪类:焦点:访问:目标不起作用。我也试过......

回答 1 投票 0

你如何在样式组件中进行条件悬停?

我有一个基于某些道具的组件,我希望能够在悬停时更改背景。但基于其他道具,悬停应该什么都不做。这可能吗? export const Container = ...

回答 4 投票 1

使用带有Typescript的样式化组件,prop不存在?

这是我的风格组件。 import * as React from'reaction';从'styled-components'导入样式;从'app-types'导入{ComponentChildren}; interface Props {children:ComponentChildren; ...

回答 2 投票 4

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