文章详情页
javascript - REACT组件的样式问题
浏览:73日期:2023-03-16 14:37:57
问题描述
如图所示的三按钮组件,只用原生JS和REACT怎么才能比较简洁的写出点击一个其中一个按钮,让其中一个按钮的样式发生变化。并且点击其他按钮的时候,可以有同样的效果(即清除另外两个的样式,添加点击按钮的样式)
问题解答
回答1:按钮的点击用state维护,是否被点击。不同的状态给不同的样式~~第二个问题,肯定只能写一个p的样式,不可能3个按钮写3个,10个写10个。。。。怼基础数据做一个遍历,render很多个p,p给一个默认的样式,给每个p分配一个不同的key,用来区分
这是一个modal组件,点击不同的button弹出对应的内容~~~
每个钮设置一个selected字段,选中一个清空其他两个。根据selected的值动态给按钮添加样式。
回答3:可以利用input的radio实现
标签:
JavaScript
相关文章:
1. ueditor上传服务器提示后端配置项没有正常加载,求助!!!!!2. 配置文件 - nginx多站点配置,无法通过域名访问,使用ip访问会跳转到其中一个站点3. css - transform: translateY(-50%)在360浏览器极速模式下使得文字变模糊了4. css - .clearfix:after中为什么设置display: table5. angular.js - 怎样在使用ng-repeat属性的标签里面监听单个事件,使其能够单个改变CSS。6. 请教: 关于 python 反斜杠转义的疑问7. python - 关于matplotlib的x轴显示的问题8. javascript - vue生成一维码?求助!!!!!急9. mysql优化 - mysql慢查询copying to tmp table10. nginx英文文档的WebSocket proxying部分没看太明白,麻烦推荐一点中文文章
排行榜
