styled-components 相关问题

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

使用带有 props 和 TypeScript 的样式组件

我正在尝试将 TypeScript 集成到我们的项目中,到目前为止,我偶然发现了样式组件库的一个问题。 考虑这个组件 从“react”导入* as React; 进口麦粒肿...

回答 9 投票 0

使用样式组件和React,如何在输入上制作浮动标签?

我无法使标签浮动到输入中的正确位置。好吧,当我向输入元素添加占位符时,输入值时标签就会到达它应该在的位置,这

回答 1 投票 0

如何在样式组件中使用 props

我想将一个url传递给一个组件,然后使用这个url来设置组件的背景图片。 我还想检查网址是否为空。 成分 : css(样式): `常量

回答 1 投票 0

“next/font”需要 SWC,尽管由于存在自定义 babel 配置而正在使用 Babel

当我尝试使用样式组件运行 Nextjs 项目时,我遇到了此错误。 这是我的 .babelrc { “插件”:[ [ “babel-插件风格的组件”, { ...

回答 2 投票 0

React 样式组件 TypeScript 使用基本样式上的 props 扩展样式出现 TS2769 错误

我试图将基本样式扩展到其他样式组件,但出现打字稿错误。我已经能够在纯 javascript 中执行此操作,但无法在 Typescript 中执行相同操作 基础文件 ...

回答 1 投票 0

动画后应用背景滤镜样式

为了进一步了解React,我使用react-router-dom、styled-components和framer-motion创建了一个项目。 我的版本是这样的。 包-json: .... “反应”:“^18.2....

回答 2 投票 0

样式组件插值函数中出现“函数缺少返回类型”错误

用于从道具中提取主题数据的插值函数会产生“函数缺少返回类型”。 eslint 错误。我已使用声明合并来输入我的主题数据,如

回答 2 投票 0

样式组件使用计算功能

我觉得这应该不会太难,但经过一番谷歌搜索后我似乎无法弄清楚。我正在尝试根据带有另一个 scss 变量的计算函数设置项目的宽度。

回答 1 投票 0

React Native 边框右/左颜色不起作用

我在 React Native 中使用样式组件,问题是 border-left-color 和 border-right-color 字段什么也不做。边框顶部和底部字段功能正常。同样的问题依然存在

回答 2 投票 0

如何用Vite解决多个“样式组件”实例

有人知道如何在反应中解决这个问题吗?我正在使用 vite React (不是 webpack)。 看起来不同的库中有两个样式组件实例。 这是一个考试...

回答 1 投票 0

导入别名'theme'的循环定义

我正在尝试扩展第三方私有 npm 模块的主题。该项目编译成功,但我不断收到打字稿错误导入别名'externalTheme'的循环定义 贝洛...

回答 2 投票 0

ReactJs 样式组件:设置表格单元格的字体粗细

使用React 18和最新的样式组件,如何设置MUI表格单元格的字体粗细? 此代码获取正确的颜色,但未设置字体粗细。 const StyledTableCell = styled(表...

回答 1 投票 0

我们可以使用 makeStyles 覆盖一些基本的 MUI 组件样式吗?

:D 这是我第一次使用 React 和 MUI 从头开始一个项目,我一直想知道我是否设置正确。 我目前想使用 makeStyles 添加一些样式到某些组件...

回答 1 投票 0

即使监听器未触发也会调整大小

调整大小时,即使侦听器也不会被触发。 类 MainContainer 扩展 React.Component { 构造函数(道具){ 超级(道具); this.containerRef = React.createRef(); this.state = {}...

回答 2 投票 0

样式 Modal.method() Ant Design 与样式化组件

我正在尝试某种方法来设计 Ant Design 模式的以下方法的样式: 模态信息 模态警告 模态.成功 模态错误 默认组件的样式通常具有以下属性:

回答 1 投票 0

React 样式组件

我正在阅读样式组件文档,但是文档中没有解释一件事,下面是代码示例: const Button = styled.button<{ $primary?: boolean; }&g...

回答 1 投票 0

ReactNative 如何在填充编辑表单时删除按钮禁用状态

我有一个表单,默认情况下禁用保存按钮状态。当 2 个文本字段有值时,我会切换状态。在同一表单的另一个实例中,当编辑方法打开带有值 I 的表单时

回答 1 投票 0

在 esbuild 中保留样式组件的 displayName

我有一个 monorepo 设置,使用 Vite 作为构建系统。我使用 styled-components 作为样式,并希望在开发过程中保留 React 组件的 displayName 。我在构建中启用了 displayName

回答 1 投票 0

样式化组件和 React:点击事件

我正在尝试为样式化组件创建一个onClick,但它不起作用。它没有在控制台中记录 hello。 手柄点击:

回答 3 投票 0

如何使用 Ant design v5 主题和样式组件

Antd 5.0 引入了新的主题系统。 但我想知道当我通过样式组件声明组件时如何访问主题的那些设计标记。 通常我声明我的组件就像 t...

回答 2 投票 0

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