文章详情页
javascript - REACT组件的样式问题
浏览：110日期：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. javascript - 从mysql获取json数据，前端怎么处理转换解析json类型2. mysql - AttributeError: ’module’ object has no attribute ’MatchType’3. javascript - 学习网页开发，关于head区域一段脚本的疑惑4. Whitelabel错误页面发生意外错误（类型=未找到，状态= 404）/WEB-INF/views/home.jsp5. angular.js - ng-grid 和tabset一起用时，grid width默认特别小6. dockerfile - 为什么docker容器启动不了？7. javascript - JS设置Video视频对象的currentTime时出现了问题,IE,Edge,火狐,都可以设置,反而chrom却...8. 请教各位大佬，浏览器点 提交实例为什么没有反应9. macos - mac下docker如何设置代理10. 热切期待朱老师的回复，网页视频在线播放器插件配置错误
排行榜
网公网安备