styled-components 相关问题

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

从生产版本中删除的反应样式组件

我使用样式化组件作为我的React App的CSS替代品。在开发中,一切正常(第一个屏幕截图),但是当我运行生产版本(npm构建)时,样式标签中的样式为...

回答 3 投票 1

我怎么能改变svg图标颜色?

我需要更改该图标的颜色:我尝试填充但不起作用。该图标的样式从'styled-components'导出样式导出默认样式.img`高度:14px; padding-right:7px;填: #...

回答 2 投票 0

打字稿:类型'字符串'不能分配给自定义类型

我有这样的类型,接口StyleProps {display?:'hide'| 'active'},下面的组件正在使用该类型

回答 1 投票 1

使用Create React App调试样式化组件

我已经将Styled Components安装到我的Create React应用程序中,一切正常,但默认情况下,它看起来好像它附加到元素的类名不是基于样式的...

回答 1 投票 1

盖茨比:通过frontmatter,GraphQl和Styled-components设置图像背景

我知道这个问题听起来有点复杂,但事实并非如此。我会尽力以一种简单的方式解释它:我正在为我的盖茨比网站的主页制作博客文章列表。该清单由“...”组成

回答 1 投票 0

按钮在iOS和Windows和Android上的定位不同

我有一个包含2个元素的输入,输入和svg。我希望svg在输入字段中垂直居中。我有3个设备,我正在测试我的PWA的设计。 Windows 10 - Google Chrome ...

回答 1 投票 0

无法引用组件中的其他组件

我试图根据它在页面上显示的顺序更改div上的浮点数 - 例如奇数浮动向左,甚至向右浮动 - 但当我引用现有的组件时没有发生任何事情......

回答 2 投票 0

如何设置第一个字母的样式并应用此线性渐变动画?

我有一些使用background-position和线性渐变的代码,以便在悬停文本时创建一个向右滑动的动画。 div {-webkit-background-clip:text; -webkit-文本填充-...

回答 2 投票 0

从文件导入时,样式化的NavLink不起作用

我使用样式设置了一个NavLink样式,并且由于某种原因,当组件位于我想要使用它的同一文件中时它可以正常工作。如果我将它移动到一个单独的组件文件typescript,它会抛出错误。这里 ...

回答 1 投票 0

为什么两个div之间的风格有区别?

我正在尝试学习样式组件并构建这个组件:从'react'导入样式导入React样式从'样式组件'const Row = styled.div``const Column = styled.div` flex:0 0 ...

回答 2 投票 1

如何将徽标放在顶部和底部?

我需要徽标块始终位于页面顶部,页脚位于页面底部,无论扩展名如何。并且块宽输入必须位于页面中间。现在我有了我......

回答 1 投票 0

样式组件切换类

this.state.checkBool是true / false像这样的HTML结构,切换class1和class2 css looks like common { display: ...

回答 1 投票 1

使用样式组件进行预处理会导致浏览器控制台出错

简单地导入样式组件会在浏览器控制台中导致此错误:styled-components.browser.esm.js?face:1670未捕获TypeError:(0,_react.createContext)不是...的函数

回答 2 投票 3

警告:对于非布尔属性,收到`false`。如何为自定义布尔属性传递布尔值?

警告:对于非布尔属性`comingsoon`收到`false`。如果要将其写入DOM,请传递一个字符串:comingsoon =“false”或comingsoon = {value.toString()}。我怎么通过......

回答 2 投票 9

使用React样式化组件在两种类型的组件之间共享相同的样式

我想将完全相同的样式应用于样式化的输入元素和样式化的select元素。当前,我正在使用字符串插值来做到这一点:const styles =`background-color:...

回答 2 投票 4

在ReactJS中onClick时添加prop

我想点击它时改变当前的li项颜色。当我点击它时,如何将prop添加到item(使用数组映射)?我使用样式组件const Li = styled.li`颜色:$ {props =>(道具....

回答 3 投票 0

奇怪的“TypeError:对象不是函数”错误

我正在尝试使用Styled Components创建一个mixin,我后来用它来设置多个组件的样式。但是,我在运行时收到此错误:没有编译或lint错误。我正在使用:打字稿:......

回答 2 投票 0

在为样式化组件使用自定义文档时,不传递道具

我正在尝试使用带有next.js的样式化组件。我添加了babel插件并添加了自定义_document.js。这一切似乎都很好。但是,当我尝试使用isomorphic-unfetch来...

回答 1 投票 0

计算样式化组件中的其他道具

我有一个相当简单的样式组件,但我想使用道具来计算一些额外的道具,以便稍后用于插值。我意识到我可以在...内部进行计算

回答 1 投票 0

带有npm链接的样式组件导致错误:“尝试插入新样式标记,但是已卸载给定节点”

我创建了自己的npm包(使用nwb创建),其中我使用了styled-components。在我的消费应用程序中,我也使用样式组件。问题是。安装我的时候一切正常

回答 1 投票 3

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