#yyds干货盘点 【React工作记录九】switch对按钮进行判断操作

简介: #yyds干货盘点 【React工作记录九】switch对按钮进行判断操作

导语

今天同事找到我 不同状态下对应的按钮不一样 于是乎 我打开了同事的代码


看看他做判断的规则


代码部分

const aaa=aaa
      const bbb = bbb
      const ccc = ccc
      const flag=1/2/3
      switch (flag) {
          case 1:
              return [aaaa,bbbb]
              break
           case 2:
               return [bbbb]
      }

总结

这样在进行状态操作的时候可以直接控制数组里的数据 秒呀

相关文章
|
2月前
|
前端开发 JavaScript UED
react或者vue更改用户所属组,将页面所有数据进行替换(解决问题思路)____一个按钮使得页面所有接口重新请求
在React或Vue中,若需在更改用户所属组后更新页面所有数据但不刷新整个页面,可以通过改变路由出口的key值来实现。在用户切换组成功后,更新key值,这会触发React或Vue重新渲染路由出口下的所有组件,从而请求新的数据。这种方法避免了使用`window.location.reload()`导致的页面闪烁,提供了更流畅的用户体验。
54 1
react或者vue更改用户所属组,将页面所有数据进行替换(解决问题思路)____一个按钮使得页面所有接口重新请求
|
2月前
|
缓存 前端开发 JavaScript
在react项目中实现按钮权限createContext && useContext
文章介绍了在React项目中如何使用`createContext`和`useContext`来实现按钮级别的权限控制。
65 0
|
3月前
|
前端开发 UED
|
6月前
|
前端开发 JavaScript
在React中,如何通过事件处理函数来管理按钮的点击行为?
【5月更文挑战第28天】在React中,如何通过事件处理函数来管理按钮的点击行为?
58 1
|
6月前
|
前端开发
基础react加一减一操作
基础react加一减一操作
|
6月前
|
前端开发 调度
高端操作:把 React Scheduler 掏出来单独用
高端操作:把 React Scheduler 掏出来单独用
|
前端开发 JavaScript
React基础语法08-点击按钮,获取input框的值(通过ref来获取)
React基础语法08-点击按钮,获取input框的值(通过ref来获取)
183 0
|
前端开发
React基础语法07-点击按钮,获取input框的值(通过事件对象获取)
React基础语法07-点击按钮,获取input框的值(通过事件对象获取)
116 0
|
前端开发
前端笔记:React的form表单全部置空或者某个操作框置空的做法
在React框架前端开发中,经常会有弹出框的开发,涉及到弹出框,难免就会有表单。一般在关闭弹出框或者对表单联动时,往往都需要考虑对表单进行置空操作了。
97 0
|
前端开发 JavaScript API
immer:优雅操作react数据状态,告别繁琐克隆拷贝
immer:优雅操作react数据状态,告别繁琐克隆拷贝
150 0