javascript - REACT组件的样式问题
巴扎黑
巴扎黑 2017-07-05 10:50:54
0
3
892

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

巴扎黑
巴扎黑

全部回复(3)
Peter_Zhu

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

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

某草草

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

黄舟

可以利用input的radio实现

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板