React使用Button的多选,设置默认勾选样式,会闪

在我们使用很多的点击则添加对应样式,那么使用button添加类名,会闪一下,效果如下 

但是如果使用给button添加active,会闪一下,单个点击则选中单个

1、效果

按钮数据为:btns=[{buttons:[{title:"暂停“ id:"1" },  {title:"新建“id:"2"},{title:"编辑“ id:"3" }  ] }]

2、那么如何修改呢?有以下两种方法:
方法一:自己写一个右下角的样式处理,用是否创建去展示

方法二用样式控制,显示或者隐藏,减少切换创建

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-21 21:10:03       52 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-21 21:10:03       54 阅读
  3. 在Django里面运行非项目文件

    2024-07-21 21:10:03       45 阅读
  4. Python语言-面向对象

    2024-07-21 21:10:03       55 阅读

热门阅读

  1. 揭秘Odoo OWL的魔法:reactive vs useState

    2024-07-21 21:10:03       14 阅读
  2. PS像素图层简介

    2024-07-21 21:10:03       16 阅读
  3. ArduPilot开源代码之AP_DAL研读系列

    2024-07-21 21:10:03       10 阅读
  4. Dockerfile相关命令

    2024-07-21 21:10:03       12 阅读
  5. Lucene 索引文件详解:结构与工作原理

    2024-07-21 21:10:03       15 阅读
  6. go语言的命名规则

    2024-07-21 21:10:03       17 阅读