styled-components 相关问题

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

条件渲染不能与样式组件一起使用。

我有这个React组件，有几个属性，我希望只有当属性有值时才应用样式，我试过这样的方法：export const Text = ({text, color, size, fontFamily})=>...。

javascript reactjs styled-components

回答 1 投票 0

无法测试显示样式的元素：无。

我正在尝试getByRole，在那里我有一个叫做 "M "的组件。

reactjs jestjs styled-components react-testing-library

回答 1 投票 0

在styled-components中对CSS属性使用自定义函数？

我使用的是样式组件，我想把变换设置为：如果条件为真，则为x值，如果条件2为真，则为y值，如果都不为真，则为空。我在网上没有找到太多信息，所以我试着 ...

javascript reactjs if-statement styled-components ternary

回答 2 投票 0

在styled-components中对CSS属性使用自定义函数？

javascript reactjs if-statement styled-components ternary

回答 1 投票 0

访问父组件中的子组件道具

伙计们，我面临一个问题，有一个名为Breadcrumb的风格化组件，但该组件依赖于一个单独的风格化组件，即BreadcrumbItem。这两个组件有不同的道具。...

reactjs styled-components

回答 1 投票 0

在styled-components中对CSS属性使用自定义函数？

javascript reactjs if-statement styled-components ternary

回答 1 投票 0

与Theme-UI集成的组件库。

Theme-UI有很多内置的组件。但它们都是 "简单 "的组件。也就是说，没有标签、手风琴、可排序的表格或其他更 "复杂 "的组件。

reactjs styled-components emotion css-in-js theme-ui

回答 1 投票 0

在React Native上使用styled-components为多个样式道具进行样式设计

我在React web中使用styled-components已经有一段时间了，但最近我开始制作一个React Native应用，我决定在其中使用styled-compoents。它的效果非常好，当风格化 ...

react-native styled-components

回答 1 投票 3

风格化组件嵌套规则无法使用

下面是我的文件夹结构：type - Heading.js - index.js card - Card.js - CardGroup.js - index.js JSX: ... ...

javascript reactjs styled-components

回答 1 投票 0

蚂蚁设计中的造型相关组件

我可以通过简单地用 styled 包裹一个 antd 复选框组件来实现样式化。 import { Checkbox } from 'antd'; const StyledCheckbox = styled(Checkbox)`...`然而，当我想渲染 ...

antd styled-components ant-design-pro

回答 1 投票 0

模态无法正常显示

我试图让我的模态正确弹出打开。我使用的是reactstrap。目前，当点击按钮让它显示时，它显示在底部。而且关闭模态按钮也是莫名其妙的... ...

javascript reactjs styled-components reactstrap

回答 1 投票 0

如何在React上使用样式化组件画布正确使用TypeScript类型？

我正在使用TypeScript在Gatsby上创建一个React组件，并且这样定义了一个画布Styled Component： const Background = styled.canvas` position: fixed; width: 100%; height: 100%; `; ...

reactjs typescript canvas gatsby styled-components

回答 1 投票 0

使用styled-components来共享组件元素之间的样式。

我正在使用 styled-components 和 Gatsby。我使用 styled-components 为我的主页的 Gatsby 提供的 Link 组件进行样式设计。 const HomePageLink = styled(Link)` display: inline-block; ...

css reactjs gatsby styled-components

回答 1 投票 0

如何在styled-components中以同步风格启动动画。

我有以下代码：first-child { transition: all 0.2s linear; transform: ${({ open }) => open ? ' translateY(7.5px) rotate(45deg)' : ' rotate(0deg) ...

css reactjs styled-components

回答 1 投票 0

... 283 more ...

reactjs typescript material-ui material-design styled-components

回答 1 投票 0

使用样式化组件来设计嵌套组件的样式

我使用样式组件的时间很少。目前我正试图对一个嵌套元素进行样式覆盖，但我不明白自己做错了什么。所以我的struture ...

reactjs styled-components

回答 1 投票 1

如何在div的转角处创建一个弧形边框？

我正在尝试创建这个。目前，它看起来是这样的。我已经调整了很久了但我不知道怎么才能让它看起来和第一张图一模一样这是我的代码。...

javascript css reactjs styled-components

回答 3 投票 0

@typesstyled-components返回type any而不是StyledComponent。预期的行为？

如果我使用 @typesstyled-components 4.4.1 或更高版本，我所有的 styled 组件的类型都从 StyledComponent 变为 any。这是预期的行为吗？我目前使用的是stylled-components@4...。

reactjs typescript typescript-typings styled-components

回答 1 投票 0

如何在不同路由的html上设置不同的溢出？

在我的react应用中，我需要在不同的路由上使用不同的样式组件来实现不同的溢出，有些页面我不希望页面是可滚动的，而有些则需要。

javascript css reactjs styled-components

回答 1 投票 0

具有默认宽度的灵活的文本区域组件

如何使textarea成为灵活的组件，将。width = defaultMaxWidth，但不超过100%的parant大小。可编辑，所以我可以用手改变它的大小。这是我的沙盒尝试（你...

html css styled-components

回答 1 投票 0

styled-components 相关问题

最新问题