styled-components 相关问题

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

如何使用Styled-Components触发动画?

目前我使用以下方法来触发动画。我将状态设置为 true,一段时间后,使用 setTimeout 将其设置为 false。有没有什么方法可以在不使用 setTimeout 的情况下做到这一点?

回答 1 投票 0

在每个故事的故事书中应用不同的主题

我正在故事书中制作一个反应组件库(v6.1.14) 我有两个不同的主题,基本上是浅色和深色版本。 我把我所有的故事都写在 里,如下所示: ...

回答 2 投票 0

为什么 Cypress 在扩展样式组件时返回错误?

我正在开发一个React组件库,我需要添加组件测试。为此,我使用赛普拉斯。大多数测试都运行良好,除了对我稍后使用 Styled compon 扩展的组件的测试...

回答 1 投票 0

样式组件不会覆盖 antd 组件的默认样式

我一直在将自定义主题应用于几个 antd 组件,它们运行良好。当处理过去的几个组件(日期选择器和模态)时,覆盖的样式不是

回答 2 投票 0

如何将 css 样式应用于 Astro 中的一个组件而不影响导入该组件的索引?

我第一次在 Astro 中开发一个测试项目,我在导入索引方面遇到了问题,基本上我想显示一个推文列表,就像 bulma 框架的这个例子一样: 前...

回答 1 投票 0

开玩笑 - `无法为组件创建样式组件:未定义`

使用 jest 测试我的应用程序时遇到以下错误: 失败 ● 测试套件运行失败 无法为组件创建样式组件:未定义。 30| 31 ...

回答 2 投票 0

对主题对象的引用在主题 UI 主题中不起作用

TLDR 我的主题 UI 主题中的引用作为静态值输出,而不是解析为对象属性/值,这意味着我得到 CSS 输出,例如 font-family: header;字体系列在哪里...

回答 1 投票 0

TypeError:a.button不是函数样式组件nextjs

这是一个很难调试的问题。由于 UI 组件库(我是其作者)的错误,我的下一个构建失败,我正在尝试调试该错误。有小费吗? 错误是 a.按钮不是

回答 1 投票 0

如何在摩纳哥实现样式组件SCSS编辑器?

我有一个组件,用户可以在其中编写自己的样式,这些样式直接注入到样式组件包装器中。 const Component = styled.div` ${({containerStyle = "" }) =>

回答 1 投票 0

组件聚焦时背景变化的问题

我有一个组件需要在聚焦时更改其背景颜色,但由于某种原因它不起作用。悬停效果很好,但焦点却不佳。你们能帮我吗? 小鬼...

回答 0 投票 0

汇总不排除排除的软件包

我正在使用 Rollup 来捆绑许多 React 组件。这些组件使用 styled-components 进行样式化。我在 options.external 中包含了 styled-components、react 和其他一些包...

回答 2 投票 0

如何在 React 中的样式组件中使用组件中的 className?

NavStyles.js 从“样式组件”导入样式; 导出 const Nav = styled.navwidth: 100%; ; 导出常量 NavMenuMobile = styled.ul` 高度:80像素; .navbar_list_class { 字体-s...

回答 3 投票 0

样式组件中的文本重叠

这是我的CSS const MessageText = styled(TextWithPaddingLeft)` -webkit-box-orient:垂直; -webkit线夹:3; 显示:-webkit-box; 字体粗细:400; 行高:22px; 填充-r...

回答 1 投票 0

如何实现几乎像灯泡一样的发光效果?

我有一个容器,其边框在其周围移动,效果很好。我需要做的最后一件事是实现非常像灯泡的发光效果。我将在下面发布它的图像。我不确定...

回答 1 投票 0

使用 React Native 中的样式组件更改 TextInput 占位符的颜色

如何在 React Native 中使用样式组件设置 TextInput 占位符的颜色? 我尝试了以下操作,但没有任何运气: 1. 常量输入 = styled.TextInput` 边框:1px 实心绿色...

回答 6 投票 0

可以用伪类转换样式对象以在样式组件中使用吗?

我正在重构一个使用 Tailwind + Emotion 的大型组件库,并将两者替换为样式化组件。有一种实用方法可以返回一个或多个样式对象...

回答 1 投票 0

如何使用 stylelint 格式化 css-in-js 样式顺序?

我正在使用 styled-components、prettier 和 stylelint。这是我的 .stylelintrc.json: { “延伸”:[ “stylelint-配置-标准”, “stylelint-更漂亮”, ”

回答 1 投票 0


样式组件不继承扩展样式

我无法根据文档所说的工作原理弄清楚如何从样式组件中扩展我的样式。我和一位同事坐在一起,他们也没有成功。我的组件是这样的: 常量

回答 1 投票 0

如何剪辑一个正方形以便我可以绘制追逐边框?

在我的 React.js 应用程序中,我有一个正方形,我想在其中绘制 2 个在边框周边相互追逐的边框。追逐的边界永远是对立的,永远追不上……

回答 1 投票 0

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