styled-components 相关问题

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

Typescript React:从通用组件类型推断道具

总结 我正在制作一个像缝线一样工作的库,您可以在其中创建带有类的样式化组件: 从 'my-package' 导入 {styled} const Text = styled("div", "text-slate-700 f...

回答 0 投票 0

React 和 Tailwind Css 中 div 的过渡和动画

我设法让侧边栏在单击带有过渡的汉堡包图标时出现。但现在我想要实现的是在单击关闭按钮时进行转换。到目前为止我...

回答 1 投票 0

找不到模块“styled-components/native”的声明文件

如果您将样式化组件添加到您的 React Native 项目中,则有一个专门用于本机组件的子目录: 从“styled-components/native”导入样式; export const 容器 = s...

回答 3 投票 0

Vite - 依赖问题 react-data-table-component

嗨!有人能帮我吗? 当我运行 localhost 时,我的应用程序正常工作,但是在构建之后,使用 vite“vite preview”,我遇到了这个问题,初始页面不加载,因为这个。

回答 0 投票 0

为什么这些箭头按钮没有定位到左右

我希望这两个左右箭头按钮根据传递的道具左右定位。 从“styled-components”导入样式; 从'@...导入ArrowBackIosSharpIcon

回答 0 投票 0

SVG 变成一个按钮 |打字稿和反应

我想在按钮上放置一个 SVG 元素,当鼠标悬停在按钮上时,它会随着背景改变颜色。但是,我一直无法实现。你觉得你能帮我吗?我在用

回答 0 投票 0

如何通过 props 动态改变组件中使用的样式?

我正在尝试重构一些 css 以使用样式化组件,这样我就可以部署云组件并声明其大小样式以及它通过道具使用的动画样式,因此它看起来像这样:...

回答 1 投票 0

如何在扩展另一个组件的同时用样式组件编写样式对象?

更新 找到正确的语法,只需返回如下结果: const SButton = styled(Button)(p => { return {color: p.color} }); 原问题: 根据文档,这些可能...

回答 0 投票 0

NextJS 无法与样式化组件一起正常工作

这很可能是一个新手问题,很容易解决。 我有一个使用样式化组件的基本本地 nextjs 应用程序,它似乎抛出了这个错误: 这是完整的代码以防万一: 反应 dom.develop...

回答 3 投票 0

如何让div随着页面的增长和收缩而增长或收缩

当我抓取并拉伸页面时,div 不会一起增长。也许是因为我固定了大小,但我不确定如何为此修改代码。我将当前尺寸保存为 1920x1080 分辨率...

回答 0 投票 0

为什么css不适用?

从“反应”导入反应; 从“styled-components”导入样式; const Thing = styled.div` 颜色:蓝色; 。某物 { 边框:1px 实心; // 一个标记为“.something”的元素...

回答 1 投票 0

在mui 5 styled-components中将样式与组件分开[情感]

希望大家一切都好,想问一些关于 mui 5 样式组件(在引擎盖下使用情感的组件)的问题。我想知道如果有一个正确的方法,如果你愿意的话,一个标准,到

回答 1 投票 0

标签<text>在此浏览器中无法识别。如果你打算渲染一个 React 组件,它的名字以大写字母开头

问题 我只是尝试通过 vite 上的样式化组件构建一个组件。但是,当我尝试使用样式化组件中的文本时,它会在控制台上引发错误: 警告:标签无法识别...

回答 1 投票 0

为不同的孩子组合div边框和边框半径

我正在做一个项目,我必须在看起来像这样的 div 之间创建边界线 --Design-jpeg 但到目前为止,我在这里达到了 output-jpeg 我无法正确合并它们的地方 CSS代码 导出...

回答 0 投票 0

如何在 React 中解构 CSS 变量值

是否可以在 React 组件中解构 css 变量的值? 这是在 CSS 文件中定义的变量。 --complementary-contrast-alt-2: rgb(77, 179, 229); 这个想法是提取

回答 0 投票 0

How to convert rgb/hex into rgba(with opacity) color in React CSS Styled components [重复]

我知道有很多答案可能会解决我遇到的问题,但是,我会喜欢第二意见并可能有一个干净的解决方法。 我在 hex/rg 中有简单的 css 颜色变量...

回答 0 投票 0

如何使用 css traslateX 在 React js 中使活动元素居中?或任何其他方式?

我需要一个帮助!我不是 CSS 高手。所以我为我的案子做了一些事情。但这于事无补。在这里我试着解释我的问题。 任何人都可以帮忙吗? 现场代码演示 导入“./styles.css&...

回答 0 投票 0

如何使用 Styled Components 在组件的末端添加一个小三角形?

我正在用 React Native 构建一个应用程序,样式绝对是一个弱点。 我需要实现这样的目标: 更准确地说,我需要一个指向正确方向的指针(excu ...

回答 1 投票 0

React-hook-form 表单键值在填写输入并提交后返回 undefined

我正在学习反应,我遇到了一些困难。目前我的问题与使用 ReactJS、Typescript 和样式化组件的登录页面有关。我只有电子邮件和密码 p...

回答 0 投票 0

设置 MUI 系统道具和样式化组件之间的优先级

在 MUI 系统道具中使用带样式的组件时,我发现带样式的组件样式优先,例如在下面的代码片段中,框将呈现为 justify 内容设置为空格-

回答 1 投票 0

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