styled-components 相关问题

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

目标第一个子级CSS样式组件

我正在使用样式组件，并且想要定位 Text 的第一个子元素，但我无法这样做。 const Text = styled.p` 字体大小：12px；＆：第一个孩子 { 下边距：20px； ...

css reactjs sass styled-components

回答 6 投票 0

样式组件的“css”属性和 Storybook 的 TypeScript 问题

当我从 Storybook 导入某些内容后，我在 TypeScript 中启用 styled-component 的 css prop 时遇到问题，因为 Storybook 依赖于 @emotion/core，其类型声明定义了 Em...

javascript reactjs typescript styled-components

回答 4 投票 0

为什么我会得到这个“需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：未定义。”错误？

我正在 React Native 中开发一个应用程序，并且不断收到此错误：错误：元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件...

javascript react-native import export styled-components

回答 1 投票 0

带有样式组件的 NextJS 快速刷新不起作用

我有一个 NextJS 应用程序与样式组件一起使用。我有这3个文件：值得注意的是，为了清楚起见，删除了一些标记，因此只粘贴了相关代码。 header.js 进口 {

reactjs next.js styled-components fast-refresh

回答 5 投票 0

“主题”类型中不存在属性“navHeight”？将 MUI v5 语法与 Typescript 和自定义 props theme.ts 文件结合使用

使用 theme.palette.primary.main 有效，但是当我尝试将 MUI 与 theme.ts 文件内的接口中声明的新道具一起使用时（MUI 文档推荐），我从发布的队列中收到错误。 .

reactjs typescript material-ui styled-components

回答 1 投票 0

onClick 事件处理程序未应用于样式组件

在代码中，我在 Option 组件上应用了 onClick 事件处理程序，该处理程序在单击时触发 noBorder 函数，但单击时该函数不起作用，因为我在

reactjs styled-components

回答 1 投票 0

Next.js 以线性渐变为背景的图像组件

在开发我的登陆页面（使用 next.js ）时，我决定使用这行代码作为一个部分的背景。背景图像：线性渐变（到底部，rgb（123,8,255,0.9），rgb（123，...

next.js styled-components

回答 3 投票 0

maxWidth 和 maxHeight 在 React Native 中无法正常工作

我在本机反应中有以下代码：从 'react' 导入 { useState, useEffect }; 从 'react-native' 导入 { View, Text, Image, StyleSheet, Pressable }; 从 '../colors/i... 导入 * 作为颜色

css react-native styled-components react-native-stylesheet

回答 1 投票 0

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

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

javascript css reactjs styled-components

回答 1 投票 0

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

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

javascript reactjs styled-components storybook

回答 2 投票 0

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

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

reactjs cypress styled-components

回答 1 投票 0

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

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

antd styled-components

回答 2 投票 0

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

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

frontend styled-components bulma astro astrojs

回答 1 投票 0

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

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

jestjs styled-components babel-jest

回答 2 投票 0

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

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

reactjs styled-components emotion theme-ui

回答 1 投票 0

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

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

javascript css reactjs next.js styled-components

回答 1 投票 0

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

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

javascript css styled-components monaco-editor

回答 1 投票 0

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

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

javascript html css reactjs styled-components

回答 0 投票 0

汇总不排除排除的软件包

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

javascript reactjs styled-components rollupjs

回答 2 投票 0

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

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

javascript css reactjs styled-components

回答 3 投票 0

styled-components 相关问题

最新问题