腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如
何在
React
中
循环
使用
不同
样式
的
按钮
onClick
、
、
、
我有许多
按钮
,我希望能够在一个
循环
中单击并更改其背景颜色。我最初将它设置为两种颜色,但我意识到我想要一个中性
的
颜色,因为它永远不会被点击。现在,
使用
三元语句设置代码,以便它只在两种颜色之间更改(并且必须开始
使用
两种颜色
中
的
一种作为默认值),我不确定如何重构代码以包含第三种颜色。我希望它变成灰色,红色,蓝色,然后在第三次点击时回到灰色,开始
循环
。flag); <button className=
浏览 46
提问于2021-09-06
得票数 0
回答已采纳
5
回答
设置复杂
的
react
内联
样式
,
如
悬停,在
react
组件(如
按钮
)上活动
、
、
、
我
的
按钮
在css中有以下
样式
。我也在
使用
引导。
react
中
的
一个组件。,我想要更改
按钮
的
完整颜色。问题1:问题2: 此外,我是否可以
使用
一些scss特性(
如
mixins in
react
)来生成
按钮
样式
,将颜色作为变量动态传递?问题3
浏览 8
提问于2016-08-01
得票数 40
回答已采纳
2
回答
嵌套
样式
-“分子”->造型/定位
中
的
组件“原子”在一起
、
、
、
、
我需要创建一个
React
组件库当我试图在分子
中
重用我
的
原子时我被困住了.}: IButtonProps):
React
.ReactElement => { <StyledButton
onClick
={
onClick
}>{text我只在Atoms ->颜色、边界、边距等内部定义
样式
。例如,不是->之
浏览 1
提问于2019-11-22
得票数 0
回答已采纳
6
回答
样式
组件
中
的
条件呈现
、
如
何在
样式
组件中
使用
条件呈现将我
的
按钮
类设置为active
使用
样式
组件?在css
中
,我会这样做:
onClick
={ () => this.setState({activethis.state.active}) }>Click me</button>
浏览 1
提问于2018-01-29
得票数 113
回答已采纳
3
回答
单击SemanticUI
按钮
后仍处于活动状态
、
、
、
import
React
from '
react
'当你点击
按钮
时,它会变成灰色,除非你点击其他地方
浏览 3
提问于2020-08-01
得票数 2
回答已采纳
3
回答
ReactComponent
按钮
值不会在我
的
react
应用程序上呈现
当然,我
的
index.js文件看起来像这样:import ReactDOM from '
react
-dom';import
React
, { Component } from "
react
"; im
浏览 0
提问于2018-03-18
得票数 0
回答已采纳
2
回答
使用
React
类型记录显示图像
的
按钮
、
、
、
我用
的
是反应打字本。我试着做了,没有错误,但我得到了一个空白
按钮
。如
何在
这里
使用
情感CSS为
按钮
元素设置
样式
?import
React
from "
react
"; let style = { height/images/abc.png
浏览 2
提问于2020-01-16
得票数 0
1
回答
如何
使用
道具来
使用
SCSS来设计一个反应组件?
、
、
、
、
我创建了一个包含多个组件
的
UI库。这些组件不能在前端更改,它们
的
所有变体都必须在库
中
定义,因此它们只需要将props传递给组件。对于库,我
使用
React
+ Storybook + TypeScript + Rol lup。<Button size='small
浏览 7
提问于2022-08-22
得票数 1
回答已采纳
1
回答
为什么在为我
的
按钮
使用
React
图标组件时返回值会发生变化?
、
、
、
我想删除一个列表,并
使用
图标
样式
该
按钮
。如果我只将"delete“作为我
的
按钮
,我
的
onClick
将按预期返回ID。但是,当我尝试为
按钮
使用
组件时,它会返回一个奇怪
的
对象。我尝试
使用
不同
的
元素,而不是
使用
<Button/>和
不同
的
图标库,但结果却是相同
的
行为。这
浏览 12
提问于2022-04-02
得票数 0
回答已采纳
1
回答
循环
内带有参数
的
React
钩子useCallback
、
我正在尝试学习钩子功能,但是我似乎不太清楚如何正确
使用
函数useCallback。根据我对钩子规则
的
理解,我应该把它们称为顶层
的
,而不是逻辑上
的
(比如
循环
)。这让我非常困惑,我应该如
何在
从
循环
呈现
的
组件上实现useCallback。() =>
浏览 0
提问于2019-03-05
得票数 26
回答已采纳
1
回答
如
何在
“反应本地人”
中
更改警报
按钮
颜色?
、
、
在本机Android
中
,我们可以更改Alert Dialog
中
的
按钮
颜色,
如
提到
的
。如
何在
Alert
中
对
React
Native执行类似的
样式
设计Alert.alert( 'Alert Message / Description{ text: 'Yes', onPres
浏览 0
提问于2019-09-06
得票数 5
3
回答
React
Native动态更改视图
的
背景颜色
、
下面是我现在
的
代码:import { StyleSheet, View,} from '
react
-native'; let letters =class randomBackground extends Component
浏览 2
提问于2017-02-02
得票数 10
回答已采纳
1
回答
如何将音频添加到
React
中
的
按钮
、
、
我正在用ReactJS做一个类似游戏
的
网络应用。如果用户点击play,将会出现一个关卡列表,其中一些关卡是打开
的
,另一些关机。现在,我需要能够有
不同
的
点击,并且HTML不会干扰
按钮
。我想在一个
按钮
上添加一个
onclick
,比如'launchApple',同时播放声音。如果
浏览 0
提问于2020-04-09
得票数 0
3
回答
是否有可能在不破坏布局
的
情况下在ButtonGroup
中
的
禁用MUI
按钮
上呈现工具提示?
、
我正在尝试创建一个禁用
按钮
和工具提示
的
MUI ButtonGroup。 <Button disabled>{"Button B"}</Button></ButtonGroup> 但是,如果我在disabled
按钮
周围添加一个
浏览 1
提问于2020-04-09
得票数 28
2
回答
使用
React
事件处理程序时
的
此关键字值
、
、
为什么
使用
React
时,事件处理程序
的
回调
中
的
this
的
值会有所
不同
?所以,我们有这个: alert(this); // [object HTMLButtonElement]但是,如果我在
React
中
做同样
的
事情:
浏览 0
提问于2020-12-26
得票数 3
2
回答
道具在反应
中
没有定义
、
、
我是js和reactjs
的
新手。我正在尝试创建一个ButtonGroup,里面很少有Buttons,希望当我单击一个特定
的
Button (在ButtonGroup
中
)时,只有这个特定
的
按钮
会被高亮显示(改变颜色),rest将是正常
的
颜色下面是执行上述行为
的
代码,但是在setColour方法
中
,我得到了一个错误_this.state.selected.props is undefined。有人能指出我哪里错了吗?另外,如果有人能告诉我这是否是解决这个问题
浏览 0
提问于2018-08-06
得票数 2
回答已采纳
1
回答
当我在另一个组件中导入该组件时,如何
使用
className修改
按钮
组件
、
、
、
我试图修改一个
按钮
,这取决于导入
的
每一页。让我们看看我
的
按钮
组件。import
React
from "
react
";} name,
onClick
, >
浏览 0
提问于2021-10-25
得票数 0
回答已采纳
1
回答
如何一致地用scss模块覆盖@mui默认
样式
?
、
、
、
、
所以我正在构建一个已经存在
的
使用
@mui/
的
react
应用程序。我有scss模块连接到我
的
javascript组件,并且像这样用材料组件导入它们。>, ); 例如,我
的
按钮
的
问题是@mui
按钮
的
默认
样式
是这个深蓝色,我希望
按钮
是
不同
的
颜色。我
浏览 5
提问于2022-01-25
得票数 0
1
回答
React
.js
中
的
冒泡和捕获示例
、
、
、
我正在寻找一个在
React
.js
中
处理冒泡和捕获
的
例子。我找到了,但我很难找到
React
.js
的
等价物。 如
何在
React
.js
中
创建冒泡和捕获示例?
浏览 6
提问于2015-12-30
得票数 51
回答已采纳
3
回答
设计系统:
使用
TailwindCSS覆盖
样式
、
、
、
我正在尝试
使用
ReactJS和TailwindCSS创建一个设计系统。我创建了一个具有基本
样式
的
默认Button组件,如下所示:import classNames from "classnames"; ({ children, className = "",
onClick
}, ref
浏览 8
提问于2021-03-10
得票数 8
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
想创建应用程序,只用React Hooks就够了
React Hooks踩坑分享
重构复杂的React组件:编写高效且可读组件的5个最佳实践
我用Vue和React构建了相同的应用程序,这是它们的差别
多用例交互设计
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券