styled-components 相关问题

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

错误 TS2322：类型“DetailedHTMLProps<HTMLAttributes<HTMLDivElement>，HTMLDivElement>”上不存在属性“css”

我最近决定将我的代码库从 JS 移至 TS 以添加类型检查。我还使用样式组件库。但是，我遇到了以下问题：错误 TS2322：键入 '{ 子项：

reactjs typescript styled-components

回答 7 投票 0

antd 滚动条始终可见（firefox 上有问题）

我有一个问题。我的客户希望项目中每个选择的滚动条始终可见。问题是使用 antd 我在 css 方面没有太多选择。经过试用...

css webkit scrollbar antd styled-components

回答 1 投票 0

CSS 条件样式（如果组件的最大宽度为：600px）

不是屏幕，如果组件宽度为 600px，我想应用此如果组件位于模态中，我正在尝试更改一些样式，我只想将弯曲方向从列更改为行反转...

css reactjs styled-components

回答 1 投票 0

打字稿+反应+样式组件的关键帧动画（道具值无效）错误

我确信我做错了什么，这很可能是由于 typecipt 我收到以下错误该代码与 jsx 一起工作正常但是当我将其转换为 tsx 时，出现以下错误

typescript-typings styled-components react-props react-typescript

回答 1 投票 0

如何在网格CSS布局中获得colspan=2？

在我的 React 组件中，我尝试（第一次）使用 CSS 网格布局。该列应该跨越 2，但实际上只有 1： < Value textAlign="right" gridCol={1} gridRow={index + 3} weight={'regular...

reactjs css css-grid styled-components

回答 1 投票 0

来自样式化组件时 CSS 模块中的动态 CSS

当我想从样式组件迁移到 CSS 模块时，出现了以下问题。假设我有以下样式的组件，它接受动态参数偏移和动态...

css reactjs styled-components css-modules

回答 2 投票 0

使用样式化组件对通用组件进行样式化

当我尝试像下面这样设置通用组件的样式时，遇到了烦人的打字稿错误： const StyledParentComponent = styled(ParentComponent)` ${通用组件} { ... } `; 它

reactjs styled-components

回答 1 投票 0

在此侧边栏中，按钮未加载我想要的正确内容页面。而是什么也不做。我不明白为什么。感谢帮助

以下是我用来构建侧边栏 UI 的相关组件。一切都显示良好。但是内容页面的加载以及如何连接Content.jsx和SideNavBar.jsx来显示

reactjs node.js react-hooks react-router styled-components

回答 1 投票 0

Overflow-x：滚动剪切组件的左侧

当屏幕宽度不允许组件正确显示时，我希望拥有可水平滚动的组件。当屏幕变小时，组件变得可滚动，我可以滚动到右侧...

css reactjs styled-components

回答 2 投票 0

如何覆盖使用 vanilla-extract globalStyle 指定的样式？

我正在开发一个 React 应用程序，并且有一个影响主体内所有元素的 CSS 样式配置。但是，我想添加一个新组件，但不应用此样式。是...

css reactjs styled-components vanilla-extract

回答 1 投票 0

如何使用三个和 React 将针点添加到 3d Globe 的表面

https://codesandbox.io/p/sandbox/globe-p78xjr 我试图找到如何将东西像精确点一样放在地球上，但在互联网上没有找到任何有用的东西，这是我需要的基本地球仪代码

reactjs three.js styled-components react-three-fiber react-three-drei

回答 1 投票 0

索环、反应和样式组件的错误

当我添加任何索环组件时，大量错误和警告不断出现。我尝试使用 StyleSheetManager 进行修复，但总是出现新错误。可能出什么问题了？谢谢我正在使用以下部门...

javascript reactjs styled-components grommet

回答 1 投票 0

如何将这些图像单独放置在屏幕上的设计上，以实现响应式设计

我有这个项目，我一直在使用样式组件进行反应，但我在将它们放置在应该是这种设计的位置时遇到问题，尝试了包含所有叶子的单个图像...

html css reactjs styled-components

回答 1 投票 0

为什么我的段落元素延伸到相邻图像下方？

我在react.js中使用样式化组件的代码有这个p，它没有使文本正确 const InnerCarousel = styled.div` 显示：柔性； // 使用flexbox使图像居中证明内容：

html css reactjs styled-components

回答 1 投票 0

自定义CSS随机应用

我同时使用scss和样式组件。最近，我不知道为什么我开始看到在最终渲染上应用哪些样式的竞争情况。有时，通常，当应用程序加载时......

javascript css reactjs sass styled-components

回答 1 投票 0

当我尝试在样式组件中添加原始属性时，“Typescript：没有重载与此调用错误匹配”

我正在 typescript-React 项目中使用样式组件（如下）制作图像组件。样式.ts：错误说：我应该在 style.ts 中做一些事情来接受属性吗？也会出现上述错误...

reactjs typescript styled-components

回答 1 投票 0

使用 React-Icon 库将鼠标悬停在图标上时显示文本

所以我尝试在您将鼠标悬停在鼠标上时显示文本。我正在使用 React-Icons 库并使用 Styled-Components 进行样式设置我的导航栏上有 4 个图标 - 主页 - 关于 - 技能 - 工作每个

javascript reactjs styled-components react-icons

回答 3 投票 0

覆盖样式组件

我使用 TS 和 Styled Components 在我的 React 应用程序中创建了一个 Button 组件。为简单起见，以下是样式： const Button = styled.div` 背景：#fff；宽度：100px；边境拉...

reactjs typescript styled-components

回答 1 投票 0

在react中更新React-Calendly集成的CSS

我想修改Inline Widget React Calendly的CSS。我使用 React Styled Component Wrapper、Frame React Component 和 DOM javascript，但它并没有像我想删除/隐藏那样更新设计

javascript css reactjs styled-components calendly

回答 1 投票 0

如何使用 React 将 props 传递到样式组件中的关键帧？

我有以下代码，我想将 y 的值从反应组件传递到 moveVertically 关键帧。可以这样做吗？从“反应”导入反应；从 'styled-

reactjs styled-components

回答 6 投票 0

styled-components 相关问题

最新问题