REACT组件的样式问题

如图

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

阅读 2.9k
3 个回答

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

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

clipboard.png

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

可以利用input的radio实现

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题