AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2023-03-15 153
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： #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]
      }

总结

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

文章标签：
前端开发
关键词：
React Native按钮
React Native switch
react.js操作
react.js按钮
react.js switch
前端歌谣
目录
相关文章
夏天49597
|
11月前
|
前端开发 UED 开发者
React 悬浮按钮组件 FloatingActionButton
悬浮按钮（FAB）是常见的UI元素，用于提供突出的操作。本文介绍如何在React中使用Material-UI创建美观的FAB组件，涵盖基本概念、实现方法及常见问题解决。通过代码示例和优化技巧，帮助开发者提升用户体验，确保按钮位置、颜色、交互反馈等方面的表现，同时避免无障碍性和性能问题。
夏天49597
481 80
夏天49597
|
11月前
|
前端开发 JavaScript 开发者
React 按钮组件 Button
本文介绍了 React 中按钮组件的基础概念，包括基本的 `<button>` 元素和自定义组件。详细探讨了事件处理、参数传递、状态管理、样式设置和可访问性优化等常见问题及其解决方案，并提供了代码示例。帮助开发者避免易错点，提升按钮组件的使用体验。
夏天49597
587 77
夏天49597
|
11月前
|
前端开发 开发者
React 单选按钮 Radio Button 详解
本文介绍 React 中单选按钮的基础概念、基本用法、常见问题及进阶技巧，包括如何正确设置 `checked` 属性、确保 `name` 属性一致、处理 `onChange` 事件，以及动态生成单选按钮和使用受控组件等，通过代码示例详细解析，帮助开发者有效管理状态和优化用户交互。
夏天49597
329 32
夏天49597
|
11月前
|
存储 前端开发 UED
React 中的多选按钮（Checkbox）
本文详细介绍了在 React 中实现多选按钮（Checkbox）的方法，包括基础用法、常见问题及解决策略、进阶技巧如使用受控组件和第三方库，旨在帮助开发者更好地理解和应用多选按钮组件。
夏天49597
598 19
六卿
|
前端开发 JavaScript UED
react或者vue更改用户所属组，将页面所有数据进行替换（解决问题思路）____一个按钮使得页面所有接口重新请求
在React或Vue中，若需在更改用户所属组后更新页面所有数据但不刷新整个页面，可以通过改变路由出口的key值来实现。在用户切换组成功后，更新key值，这会触发React或Vue重新渲染路由出口下的所有组件，从而请求新的数据。这种方法避免了使用`window.location.reload()`导致的页面闪烁，提供了更流畅的用户体验。
六卿
162 1
react或者vue更改用户所属组，将页面所有数据进行替换（解决问题思路）____一个按钮使得页面所有接口重新请求
六卿
|
缓存 前端开发 JavaScript
在react项目中实现按钮权限createContext && useContext
文章介绍了在React项目中如何使用`createContext`和`useContext`来实现按钮级别的权限控制。
六卿
231 0
wljslmz
|
前端开发 UED
为什么在 React Router v4 中使用 switch 关键字？
【8月更文挑战第31天】
wljslmz
233 0
sunrr
|
前端开发 JavaScript
在React中，如何通过事件处理函数来管理按钮的点击行为？
【5月更文挑战第28天】在React中，如何通过事件处理函数来管理按钮的点击行为？
sunrr
220 1
第10086个小白
|
前端开发
基础react加一减一操作
基础react加一减一操作
第10086个小白
75 0
这波能反杀
|
前端开发 调度
高端操作：把 React Scheduler 掏出来单独用
高端操作：把 React Scheduler 掏出来单独用
这波能反杀
126 0