文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - REACT组件的样式问题
巴扎黑
巴扎黑 2017-07-05 10:50:54
[JavaScript讨论组]
0 3 1224
举报

如图所示的三按钮组件，只用原生JS和REACT怎么才能比较简洁的写出点击一个其中一个按钮，让其中一个按钮的样式发生变化。并且点击其他按钮的时候，可以有同样的效果（即清除另外两个的样式，添加点击按钮的样式）

巴扎黑
巴扎黑

全部回复(3)
天蓬老师
天蓬老师2017-07-05 10:52:54 3楼

按钮的点击用state维护，是否被点击。不同的状态给不同的样式~~
第二个问题，肯定只能写一个p的样式，不可能3个按钮写3个，10个写10个。。。。怼基础数据做一个遍历，render很多个p，p给一个默认的样式，给每个p分配一个不同的key，用来区分

这是一个modal组件，点击不同的button弹出对应的内容~~~

赞 +0
添加回复
某草草
某草草2017-07-05 10:52:54 2楼

每个钮设置一个selected字段，选中一个清空其他两个。
根据selected的值动态给按钮添加样式。

赞 +0
添加回复
黄舟
黄舟2017-07-05 10:52:54 1楼

可以利用input的radio实现

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部