腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使用
带
样式
的
组件
设置
<
button
>
的
多个
变体
的
样式
css
、
reactjs
、
styled-components
、
css-modules
我在我
的
应用程序中有一个简单
的
彩色按钮,需要根据一些UI状态来更改颜色: const StyledButton = styled.
button
` border: 0; } background-color: ${(props) => props.theme.disabledColor};`; 以前,我
使用
CSS Modules来确保类不会“泄漏”到其他
样
浏览 21
提问于2021-08-06
得票数 0
1
回答
如何
使用
样式
化
组件
将
样式
从子对象传递到父对象
css
、
reactjs
、
sass
、
styled-components
我正在尝试创建一些按钮
的
变体
,并决定
使用
带
样式
的
组件
来实现这一点。但是,我在尝试将变量按钮从子元素传递到包含所有
变体
的
父元素时遇到了一些问题。 目前,我有一个导入
Button
.js
组件
的
导航栏。我希望有这样
的
选项来更改Navbar.js中
的
按钮: <
Button
default label="Game"
浏览 22
提问于2021-04-15
得票数 0
1
回答
一个具有多种主题
样式
的
组件
(Material v5)
material-ui
我想要创建一个新
的
组件
,它实际上是另一个
样式
(基于主题)
的
现有
组件
的
副本。让我们以
Button
为例,
使用
一个新
的
伪
组件
MyButton在我想要
的
主题中 components: { MuiButton: .... // styles for <
Butt
浏览 1
提问于2021-04-30
得票数 0
2
回答
什么是“电子签名”?
signature
、
yellow-paper
,标题“
使用
镭管理
样式
”。
使用
Radium管理
样式
我们决定
使用
radium作为将
样式
注入
组件
的
方法。→是一个基于主题
浏览 0
提问于2018-07-27
得票数 3
回答已采纳
2
回答
将Flow用于
样式
化
组件
道具
javascript
、
reactjs
、
types
、
flowtype
、
styled-components
因此,我一直在尝试
使用
JavaScript中
的
类型系统,大多数情况下都能正常工作,但是
样式
组件
有一个问题。我似乎找不到一种好
的
方法来将流应用到
样式
化
组件
的
道具上。' | 'danger' | 'link', isThin: boolean, export const ButtonStyled = styled.
button
generat
浏览 7
提问于2018-03-01
得票数 13
1
回答
如何
使用
道具来
使用
SCSS来设计一个反应
组件
?
javascript
、
reactjs
、
typescript
、
sass
、
storybook
我创建了一个包含
多个
组件
的
UI库。这些
组件
不能在前端更改,它们
的
所有
变体
都必须在库中定义,因此它们只需要将props传递给
组件
。对于库,我
使用
React + Storybook + TypeScript + Rol lup。
浏览 7
提问于2022-08-22
得票数 1
回答已采纳
3
回答
我想用一些属性来
设置
Button
组件
的
样式
,但是我发现在更新
的
MUI5中不能
使用
类名
reactjs
、
material-ui
DeleteIcon from "@mui/icons-material/Delete";import {
Button
} from "@mui/material"; color: "red", background
浏览 11
提问于2022-01-21
得票数 1
3
回答
如何
在
样式
化
组件
中
使用
`as`函数?
javascript
、
reactjs
、
styled-components
我正在尝试
使用
带
样式
的
组件
设置
链接
的
样式
。根据道具
的
不同,它将显示<
button
>或<Link>。我看到我可以
使用
函数as,但是当我这样做时,它不会在生成
的
链接中显示href。有人有解决方案吗?const
Button
= styled.
button
``; <
Button</
浏览 3
提问于2021-07-16
得票数 0
3
回答
如何
在故事簿中添加
样式
道具作为控件?
reactjs
、
typescript
、
storybook
我正在建立一个设计系统库在反应和TypeScript
使用
故事簿。大多数
组件
支持
使用
style支柱
设置
自定义
样式
。我正在尝试
使用
特性在故事簿中反映这一点。考虑
使用
变体
并尝试添加
样式
道具
的
Button
故事:
浏览 5
提问于2021-04-09
得票数 4
回答已采纳
1
回答
React + Styled Components:
如何
编写带有嵌套标记
的
哑巴
组件
?
reactjs
、
styled-components
我正在尝试将标记
的
一部分提取到一个
带
样式
的
组件
中。如果我
的
标记有嵌套标签,我该
如何
做?http://www.google.com" target="_blank" rel="noopener noreferrer"> </a>据我所知,
带
样式
的
<
浏览 0
提问于2017-06-16
得票数 1
回答已采纳
1
回答
带
样式
部件
的
变体
reactjs
、
styled-components
我正在构建一个自定义工具提示
组件
,并希望它
的
样式
位于DOM元素
的
顶部、右侧、底部或左侧。对于造型而言,我
使用
的
是
样式
化
组件
。我不知道
设置
相同元素
的
变体
的
最佳方法。现在,我有一个主
样式
Tooltip和其他四个
组件
来
样式
主
样式
(即TooltipTop、TooltipRight、TooltipBottom、Toolt
浏览 2
提问于2022-11-15
得票数 0
回答已采纳
2
回答
当变量为临时变量时,
样式
MUI抽屉无法打开
reactjs
、
material-ui
我已经创建了一个
带
样式
的
MuiDrawer
组件
,因此我可以为该
组件
添加一些自定义
样式
。我想
使用
temporary
变体
,但抽屉打不开。当我将折叠器变量
设置
为permanent时,折叠器就会显示出来。所以很可能是open属性
的
传递导致了错误。当我
使用
MUI中
的
默认抽屉
组件
时,temporary
变体
可以工作: // demo.tsx
浏览 3
提问于2021-11-02
得票数 1
1
回答
React -我应该用
样式
组件
替换我
的
css文件吗
javascript
、
css
、
reactjs
、
styles
、
styled-components
我
的
问题可能会变得有点奇怪,但我想知道,例如,我
的
项目中有10个css文件,这些
样式
90%是不重复
的
。在这种情况下,是否值得
使用
样式
化
组件
?例如,用一个对象替换所有这些
样式
?const
Button
= styled.
button
` background-color: black;`; 我知道
带
样式
的
浏览 20
提问于2021-01-12
得票数 0
2
回答
当我
使用
样式
组件
时,我应该
使用
普通标签吗?
reactjs
、
components
、
styles
、
styled-components
正如我在标题中提到
的
,当我
使用
样式
组件
时,我应该
使用
普通
的
标签html吗?例如:我
的
div是在
带
样式
的
组件
中
设置
样式
的
,如果我在其中有一个p标记,我是否应该也
设置
这个p标记
的
样式
?或者我可以只有一个普通
的
标签和‘
样式
组件
标签’
浏览 1
提问于2020-11-06
得票数 2
2
回答
带有href值
的
样式
化
组件
条件
样式
reactjs
、
styled-components
我想
使用
带有
样式
组件
的
特定href值
设置
标记
样式
,如下所示 要
设置
此标记为href="/asdasdasd"/
的
样式
,请执行以下操作 这就是我所想
的
const Wrapper = styled.div>props.hrefvalue}]{ //hrefvalue == /asdasdasd color: #
浏览 22
提问于2021-05-10
得票数 0
3
回答
如何
有条件地覆盖一种不同风格
的
风格在反应本土化?
javascript
、
reactjs
、
react-native
我有一个PrimaryButton元素,它有3个
变体
--主、次和三级。正如您在可按压
组件
的
样式
中所看到
的
那样,我根据这个
样式
变体
设置
了默认
样式
。现在,我还想让这个可按
的
组件
的
backgroundColor变成红色,如果按钮
变体
是三级的话,它会被按下。我已经可以访问isPressed布尔值,它告诉我是否按下了可按压,但是,只有当变量是第三级时,我才想出
如何<
浏览 6
提问于2022-05-31
得票数 0
1
回答
如何
在React-Native项目中
使用
Jest测试
样式
化
组件
?
react-native
、
jestjs
、
styled-components
在我
的
项目中,我有一个
带
样式
的
组件
,我想用jest来测试它: describe('<
Button
/> tests', () => { const testingComponent = renderer.create(<
Button
/>);}); 此代
浏览 12
提问于2021-10-05
得票数 0
回答已采纳
2
回答
React为两个不同
的
图标创建一个
样式
组件
?
reactjs
、
styled-components
所以我
使用
react图标,我有两个不同
的
图标,我用
样式
组件
来
设置
样式
。我
的
问题是,它们本质上具有完全相同
的
样式
,但唯一
的
区别是我选择哪个图标的
样式
。const forwardArrow = styled(IoArrowForward)` height: 50px; `; 因为我
使用
的
是
带
浏览 22
提问于2020-12-13
得票数 0
回答已采纳
1
回答
反应本机按钮习惯
样式
react-native
、
styled-components
我有一个
带
样式
的
按钮,是用
带
样式
的
组件
创建
的
,但我创建
的
样式
不适用于它。我做错了什么吗?const ButtonStyled = styled.
Button
` `; return ( <ButtonStyled
浏览 8
提问于2021-08-17
得票数 0
1
回答
如何
使用
带
样式
的
组件
设置
链接
的
样式
?
reactjs
、
jsx
、
styled-components
我正在尝试学习
样式
化
的
组件
--它很棒,而且一切都很棒,但是我不能让一个<a>去
样式
化...............import React from 'react'; HeadCon, Container, Bra
浏览 1
提问于2020-05-04
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CAD的标注样式和文字样式如何设置?超详细教程!手把手教会你
如何快速去掉Excel表格中使用“Ctrl+T”美化的表格样式?
如何快速构建React组件库?
深入理解bootstrap
Vue:scoped 样式与 CSS Module 对比
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券