styled-components 相关问题

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

我有这个样式组件：类型Props = {iconAlign：string，}; const IconWrapper：ComponentType = styled.View` margin：10px 10px 0px 10px;位置：绝对; $ {（{...

reactjs types flowtype styled-components

回答 1 投票 1

如何在情感中将道具传递给风格化的组件？使用TypeScript

我正在使用情感风格：来自'@ emotion / styled'的导入样式我试图将道具传递给风格化的组件，如指南提及：https：//emotion.sh/docs/styled它不起作用。 ..

reactjs typescript styled-components emotion css-in-js

回答 1 投票 1

条件渲染SVG与样式组件

我需要使用样式组件更改SVG的颜色。从“styled-component”设计的import样式;从“styled-tools”导入{ifProp};从“./assets/arrow.svg”导入arrowSVG; const Arrow =样式（...

styled-components

回答 2 投票 0

从Next JS中的节点模块导入css文件？

我对next.js很新。将它用于我的应用程序的服务器端呈现。根据文档，您可以从静态文件夹导入css文件，该文件应位于根目录但是......

reactjs styled-components next.js

回答 2 投票 5

如何组合两个JavaScript三元运算符？

我有两个boolean类型的变量。这些是我的一个React组件的道具：wide：false，extraWide：false，然后我将这些变量与样式组件一起使用，如下所示：max-width：$ {（{...

javascript reactjs styled-components

回答 1 投票 -1

如何定位特定项目切换点击使用React Hooks？

我有一个导航栏组件，实际信息从CMS中提取。一些导航链接有一个下拉组件onclick，而其他导航链接没有。我很难搞清楚如何......

reactjs event-handling styled-components react-hooks

回答 2 投票 1

样式组件：使用react-native和react-native-web悬停

我在React-Native App中使用样式组件。假设我有链接组件：import风格来自'styled-components / native'; const Link = styled.Text` color：'red'; ＆：悬停{color：...

javascript reactjs react-native styled-components react-native-web

回答 3 投票 1

在样式组件中延迟css动画不透明度

如何在样式组件中满足某些条件时将不透明度延迟到零？用css是可行的吗？ const Wrap = styled.div` background：#ddd;宽度：100px;身高：10px; border-radius：...

javascript css reactjs styled-components

回答 1 投票 0

使用样式组件对vanilla html表进行样式设置

我的应用程序中有一个常规HTML表格，结构如下（值不重要）： Header Row 1 Header Row 2&...

css reactjs styled-components

回答 1 投票 2

样式组件，使用gatsby-link锚标记css着色

我想尝试一个来自gatsby-link包的组件使用styled-components包通常我只是创建一个const给它一个名称设置它等于styled.a例如并写我的...

html css reactjs styled-components gatsby

回答 1 投票 6

styled-components：扩展样式和更改元素类型

想象一下，我有以下几种风格：颜色：黑色;边框：1px纯白色;我想将它们应用于两个不同类型的元素：const SomeImg = styled.img` margin：2em; `; const ...

javascript html css reactjs styled-components

回答 1 投票 1

如何使用样式组件传递道具

我刚开始使用样式化组件，我想知道如何调整这种代码以符合它们。我想做的是在我的...中有一个默认行为

reactjs react-native flowtype styled-components

回答 1 投票 -1

在AntD中更改form.item标签字体大小

我正在使用像这样的样式组件const FormItem = styled（Form.Item）`font-size：16px; `;使用Form Item这样的东西 {...

javascript reactjs antd styled-components typography

回答 1 投票 4

将 CSS 文件导入样式化组件

有没有办法将 CSS 文件导入到样式组件中？我的依赖项之一 React Quill Editor 可以通过导入其 CSS 作为基础并在其上应用更改来实现主题化。我的全部

reactjs webpack styled-components quill

回答 7 投票 0

React样式组件导航栏样式不起作用

我正在尝试在Navbar上应用填充/边距，以便链接之间有一些空格。我已经尝试重命名const但它本身冲突，因为我不能在一个文件中使用两次标识符。 ...

reactjs navbar styled-components

回答 2 投票 0

通过样式化组件在react-native中定义数字样式属性（border-bottom-width，height，width等）

我正在尝试使用样式化组件构建一个react-native组件。这是来自'react-native'导入的片段导入{View}，来自'styled-components'const StyledPromocode = styled（...

javascript react-native frontend styled-components mobile-development

回答 1 投票 0

无法更改输入上的标签：已选中

我试图以更大的形式遵循这个例子（https://codesandbox.io/s/oYQ21A4wz），我真的很难弄清楚如何更改一个样式的输入标签：已检查状态为样式 - 。 ..

styled-components

回答 1 投票 0

SVG图像与周围元素没有对齐/像素完美（尤其是动画时的震动！）

我正在尝试在条形图中创建动画，3D条形图。为了避免任何拉伸/纵横比问题，我将每个条形拆分为三个部分：（1）条形顶部的SVG，（2）a ...

css reactjs svg css-animations styled-components

回答 1 投票 -1

基于道具（样式组件）的CSS过渡（单向过渡）

我有以下样式组件：const S = {}; S.MentionDiv = styled.div` height：$ {props => props.mentionOpen？ '200px'：'0px'}过渡：高度.5s轻松进出; //这个工作两个......

css styled-components

回答 1 投票 0

对象表示法中的条件样式组件

样式组件文档没有提到这种情况，我无法弄清楚语法。我该怎么做这个样式组件：const StyledButton = styled.button` color：red; $ {props => ...

javascript reactjs styled-components jss

回答 1 投票 0

styled-components 相关问题

最新问题