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

07-21 1465阅读

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

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

1、效果

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

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

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

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

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

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

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

React使用Button的多选,设置默认勾选样式,会闪2、那么如何修改呢?有以下两种方法:
方法一:自己写一个右下角的样式处理,用是否创建去展示React使用Button的多选,设置默认勾选样式,会闪

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

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

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

方法二:用样式控制,显示或者隐藏,减少切换创建
React使用Button的多选,设置默认勾选样式,会闪

VPS购买请点击我

文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

目录[+]