首页 > 其他分享 >【React工作记录九】switch对按钮进行判断操作

【React工作记录九】switch对按钮进行判断操作

时间:2023-12-03 11:31:36浏览次数:33  
标签:aaa const 歌谣 flag bbb React switch 按钮 return


目录

前言

 导语

代码部分

总结


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

 导语

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

看看他做判断的规则

代码部分

 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] } 

总结

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

标签:aaa,const,歌谣,flag,bbb,React,switch,按钮,return
From: https://blog.51cto.com/u_15460007/8666270

相关文章

  • React 整洁代码的 10 个最佳实践(译)
    作者:大家的林语冰链接:https://www.zhihu.com/question/36516604/answer/3279585231来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。React整洁代码的10个最佳实践(译)免责声明本文属于是语冰的直男翻译了属于是,仅供粉丝参考,英文原味版请临幸Top1......
  • js:React中使用classnames实现按照条件将类名连接起来
    参考文档https://www.npmjs.com/package/classnameshttps://github.com/JedWatson/classnames安装npminstallclassnames示例importclassNamesfrom"classnames";//字符串合并console.log(classNames("foo","bar"));//foobar//对象合并c......
  • 关于 SAP Fiori Elements List Report Go 按钮的实现
    代码位置:这段代码是JavaScript中的一个方法_regularTriggerSearch,它是SmartFilterBar对象的原型方法。这个方法的主要目的是在一定延迟后触发搜索操作。这段代码中涵盖了JavaScript中的一些主要特性和概念,包括对象、原型、方法、控制流(if-else)、异步编程(setTimeout和Pr......
  • React项目报错:Element type is invalid: expected a string可能的原因
    React项目报错:Elementtypeisinvalid:expectedastring 起因:用了屎一样的ReactAntd组件库,坑太多实在用不下去了,代码不变直接改成Tdesign,于是就开始了解决无穷无尽的报错。。。Elementtypeisinvalid:expectedastring(forbuilt-incomponents)oraclass/function......
  • react中数组的操作
    添加元素:你可以使用push方法来在数组的末尾添加一个元素,或者使用unshift方法来在数组的开头添加一个元素。你也可以使用concat方法或者扩展运算符...来合并两个数组。letarr=[1,2,3];arr.push(4);//arrisnow[1,2,3,4]arr.unshift(0);//arrisnow[0,1,2,3,......
  • react项目vite报错:UnhandledPromiseRejectionWarning: SyntaxError: Unexpected toke
    问题:vite报错:UnhandledPromiseRejectionWarning:SyntaxError:Unexpectedtoken'??='今天clone一个vite的项目,安装依赖后运行npmrundev报错:UnhandledPromiseRejectionWarning:SyntaxError:Unexpectedtoken'??='atLoader.moduleStrategy(internal/modules......
  • react18 typeScript useSelector 提示state 类型未知
     解决方案store/index.tsximport{configureStore}from'@reduxjs/toolkit';import{useSelector,useDispatch}from'react-redux'importtype{TypedUseSelectorHook}from'react-redux'importuserfrom'./modules/user&#......
  • react 使用 antd 创建全局loading
    代码如下:importReactDOMfrom'react-dom';import{Spin}from'antd';exportconstshowGlobalLoading=()=>{constdom=document.createElement('div')dom.id='globalLoading'dom.style='widt......
  • 使用观察者模式实现窗体间按钮点击事件的解耦
    为了温故而知新,本博客旨在记录我学习VB.net编程的过程,分享基础知识和实用技巧,帮助有需要的朋友轻松入门VB.net编程。无论您是想开发Windows平台上的应用程序,还是想在.NET生态系统中展现创造力和创新精神,本文都将为您提供宝贵的指导。在软件开发中,经常会遇到一个窗体上的按钮点击......
  • switch用法
    switch(item.key){case"self_pickup":form.self_pickup=Number(item.value);break;case"same_city":form.same_city=Number(item.value);break;c......