react jsx 中使用 switch case 示例

【react jsx 中使用 switch case 示例】的更多相关文章

react jsx 中使用 switch case 示例

<div> <span>适用平台:</span> <span>{(() => { switch (currentItems.usePlatform) { case 0: return '全平台可用' case 1: return '淘宝' case 2: return '美团' case 3: return '爱奇艺' case 4: return '腾讯' default: return null } } )()}</span></…

JSX中写 switch case 进行判断

场景:根据后端返回的数据进行多条件渲染,三元表达式已不能满足条件. 代码: <span> {(() => { switch (record.generalRuleInfos[0]?.factors[0]?.baseDataKey) { case 'poiType': return '门店类型' case 'roleId': return '干系人角色ID' case 'goodType': return '商品类型' default: return null } })()} </s…

java中的Switch case语句

java中的Switch case 语句在Switch语句中有4个关键字:switch,case break,default. 在switch(变量),变量只能是整型或者字符型,程序先读出这个变量的值,然后在各个"case"里查找哪个值和这个变量相等,如果相等,则条件成立,程序执行相应的分支,直到碰上break或有switch语句结束. 有几个需要着重注意的地方. 第一,前面说了switch(变量),只能是整型和字符类型. 第二,case之后是直接的常量数值. 第三,break使得程…

浅析C/C++中的switch/case陷阱

浅析C/C++中的switch/case陷阱先看下面一段代码: 文件main.cpp #include<iostream> using namespace std; int main(int argc, char *argv[]) { ; switch(a) { : ;cout<<b<<endl;break; : cout<<b<<endl;break; default:break; } ; } 在gcc编译器下编译的结果为: 提示跳过了变量b…

在react jsx中，为什么使用箭头函数和bind容易出现问题

在之前的文章中,已经说明如何避免在react jsx中使用箭头函数和bind(https://medium.freecodecamp.o... 但是没有提供一个清晰的demo展示为什么要这样做. 现在来一些例子吧. 在这个例子中,我们通过使用一个箭头函数(=>)来bind用户ID到每个删除按钮中. ## index.js import React from 'react'; import { render } from 'react-dom'; import User from './User'…

在react jsx中使用if判断

在react jsx中如果使用if判断,需要这样做 var loginButton; if (loggedIn) { loginButton = <LogoutButton />; } else { loginButton = <LoginButton />; } return ( <nav> <Home /> {loginButton} </nav> )…

java中的switch case

switch-case语句格式如下 switch(变量){ case 变量值1: //; break; case 变量值2: //...; break; ... case default: //...; break; } swtich()变量类型只能是int.short.char.byte和enum类型.当进行case判断时,JVM会自动从上到小扫描,寻找匹配的case,可能存在以下情况: 情况一:若未找到,则执行默认的case. int i = 5; switch(i){ case 0: Sy…