styled-components 相关问题

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

我有一个div组件：const Parent = styled.div`＆：not（$ {Input}：focus）：hover {border-color：blue; };和输入const的子项Input = styled.input``;如你所见，我......

css css3 styled-components

回答 2 投票 1

如何：将输入到输入框中的第一个单词的首字母大写

因此，我试图将输入框中的第一个字符大写，但没有成功，如下所示：样式组件const SearchStyles = styled.div` position：relative;输入{...

css styled-components

回答 1 投票 0

使用样式组件覆盖antd按钮的样式不起作用？

从'styled-components'导入样式;从'antd'导入{Button}; const StyledButton =样式（Button）`height：100％; border-width：0px; ＆：hover {color：palevioletred;边界-...

reactjs antd styled-components

回答 1 投票 0

使用props使用样式组件mixins切换宽度

使用的技术 - 风格的组件和反应我有一个混合使我的应用程序响应导入{css}来自'styled-components'; export default {smallScreen：（... args：any）=> css` @media（max -...

css reactjs media-queries mixins styled-components

回答 2 投票 0

将全局样式表移动到样式组件中

我目前正在我的一个组件中导入CSS文件。这些样式表被添加为链接标签 , and will be globally available: import './src/styles/normalize.module.css'; I ...

javascript css reactjs gatsby styled-components

回答 2 投票 1

如何在样式组件中使用自定义html元素？

这很好用：const Cool = styled.div` background：blue; `我们怎么做：const Sweet = styled（'cool-sweet'）`background：blue; `

reactjs styled-components

回答 2 投票 1

在ES6中重新声明标识符

最有可能是一个愚蠢的问题，但有没有办法重新声明具有相同标识符的变量？为了命名约定，我想做一些类似于以下的事情。出口 ...

reactjs styled-components

回答 4 投票 0

样式组件在渲染道具时导致意外行为

我有一个WhiteBox反应组件，只需渲染一个带有一些样式的白盒子。我有一个SmallBox react组件，它只使用WhiteBox来渲染更具体的盒子。我有内容反应......

reactjs styled-components

回答 1 投票 0

使用React Styled-Components导入scss变量的最佳方法？

在正常的React组件中，如果你有scss，你可以将其他scss文件导入到它们中并获得scss变量的访问权，比如$ color-primary：blue ...使用样式-...最好的方法是什么。

reactjs sass styled-components

回答 2 投票 0

样式组件输入焦点

当组件安装时，我正在尝试关注输入。输入组件是样式化组件，因此我使用innerRef来获取对元素的引用。但是输入没有...

reactjs styled-components

回答 3 投票 3

我正确使用样式组件吗？

我的App.js开始看起来很长，我开始怀疑我是否按照预期的方式使用样式组件。从“react”导入React，{Component}; import“./ App.scss”;进口......

javascript reactjs styled-components gsap

回答 1 投票 1

Jest样式 - 组件4.1.1测试被打破

最近我将样式组件更新到4.1.1并且大部分组件测试都被破坏了。我只是创建一个哑组件进行虚拟测试，看看它是否取决于其他测试是如何...

reactjs unit-testing jestjs styled-components

回答 2 投票 0

了解样式化组件组件选择器和＆符号

在样式组件文档中，他们有这个例子：https：//www.styled-components.com/docs/advanced#referring-to-other-components它显示了一个图标，当你将其父项悬停时，它会改变颜色。。

javascript html css styled-components

回答 1 投票 1

如何使用styled-components v4 + TypeScript中的prop值设置属性？

总结鉴定：const Link = styled.a` border：solid 1px black; border-radius：5px;填充：5px;保证金：10px 5px; `;类型ButtonProps = React.ButtonHTMLAttributes ; ...

javascript reactjs typescript styled-components

回答 1 投票 1

与样式组件一起使用的伪类之前和之后

应用的正确方法是什么：在伪类到样式组件之前和之后？我知道您可以使用＆：hover {}将：hover伪类应用于样式化组件。做这个 ...

reactjs pseudo-class styled-components

回答 3 投票 14

How to integrate Nextjs + styled-components with material-ui

1。使用样式化组件构建 next.js 应用程序非常简单。您只需要使用他们的 _document.js 片段来启用 SSR 并防止页面加载时样式闪烁：https://github.com/zei...

material-ui styled-components next.js

回答 5 投票 0

有没有办法在样式组件中扩展样式时传递道具？

使用样式化组件扩展基本组件时，有没有办法从扩展组件中的基本组件访问道具？这是基本组件及其样式组件。在线......

reactjs styled-components

回答 1 投票 0

将数组传递给道具以创建多个框阴影

我试图创建一个组件，其css输出一个带有多个阴影的盒子阴影，以创建堆叠的纸张效果。我试图用样式组件做这件事。通过......没有太多的快乐

reactjs styled-components

回答 1 投票 0

使用TypeScript键入的样式系统道具

我正在使用样式系统，并且库的一个键是使用速记道具来实现简单快速的主题。我简化了我的组件，但这里是有趣的部分：从'...导入React

javascript reactjs typescript styled-components

回答 3 投票 3

从React props更改样式化组件中的css变量

我正在使用CSS网格来创建动态表。列和行的数量是动态的，并且基于我从React中的更高组件获得的道具。如何在...内更改css变量？

css reactjs css-grid styled-components emotion

回答 1 投票 0

styled-components 相关问题

最新问题