文章详情页
javascript - REACT组件的样式问题
浏览：259日期：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. docker网络端口映射，没有方便点的操作方法么？2. docker api 开发的端口怎么获取？3. docker容器呢SSH为什么连不通呢？4. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题5. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？6. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~7. 请问“由于 Cookie “PHPSESSID”的“SameSite”属性设置为“None”，但缺少“Secure”属性，此 Cookie 未来将被拒绝。”请问出现这个问题怎么办？8. Hbuilder中的phpMyAdmin访问题9. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？10. docker gitlab 如何git clone？
排行榜
网公网安备