首页 > 其他分享 >react项目经验,以及一些骚写法

react项目经验,以及一些骚写法

时间:2023-12-29 16:46:26浏览次数:39  
标签:插件 经验 dom -- react var 快捷方式 写法

语法糖

 1.const logged = !!getToken();
 这里的`!!`是求布尔值的快捷方式
 类似的:
 2.var a=b*1 是转数字的快捷方式
 3.var a=b+'' 是转字符串的快捷方式

架构相关

1.webpack
2.qiankuan

通过package.json

可以查看react等等项目中的依赖的各种版本。

学会使用chatgpt插件

安装vscode的相关插件。来实现快速答疑。

react相关概念

1.react -- 基于虚拟dom的前端框架
2.react-dom -- react-dom是react剥离出的涉及DOM操作的部分。https://www.cnblogs.com/WLFDayDreamer/p/16443410.html
3.react-router-dom --路由相关
4.react-redux --状态管理

标签:插件,经验,dom,--,react,var,快捷方式,写法
From: https://www.cnblogs.com/cn-oldboy/p/17935210.html

相关文章

  • 字典类型的写法与定义
    #定义一个字典,保存一个同学的信息数据a={'姓名':'罗科','英文名':'ROCCO','年龄':32,'身高':170}print(len(a))#获取数据值长度#写法:字典类型:{键:值}#定义:数据中是对应关系时,用字典类型来保存数据'''特点1、字典类型中的数据是有对应关系2、字典类型中的键(冒号前面)是唯一......
  • 华为云CCE集群健康中心:一个有专家运维经验的云原生可观测平台
    本文分享自华为云社区《新一代云原生可观测平台之华为云CCE集群健康中心》,作者:云容器大未来。"Kubernetes运维确实复杂,这不仅需要深入理解各种概念、原理和最佳实践,还需要对集群的健康状态、资源利用率、容器的稳定性等多个方面进行风险评估。当集群出现故障时,我们通常需要花费大量......
  • 华为云CCE集群健康中心:一个有专家运维经验的云原生可观测平台
    本文分享自华为云社区《新一代云原生可观测平台之华为云CCE集群健康中心》,作者:云容器大未来。"Kubernetes运维确实复杂,这不仅需要深入理解各种概念、原理和最佳实践,还需要对集群的健康状态、资源利用率、容器的稳定性等多个方面进行风险评估。当集群出现故障时,我们通常需要花费大......
  • 地震烈度速报与预警工程成功案例的经验分享 | TDengine 技术培训班第一期成功落地
    近日,涛思数据在成都开设了“国家地震烈度速报与预警工程数据库TDengine、消息中间件TMQ技术培训班”,这次培训活动共分为三期,而本次活动是第一期。其目标是帮助参与者深入了解TDengine和TMQ的技术特点和应用场景,并学习如何将其更好地应用于地震烈度速报与预警工程中。:::hl......
  • 使用hook封装表格常用功能(react)
    实现内容配置分页:usePagination生成过滤项:useFilter获取表格选择配置:useSelect生成批量删除按钮:useDelete生成模态框:useModal示例render部分:<React.Fragment><Formlayout="inline">{DeleteEle}{FilterEles}</Form><Table{...{......
  • react 文件选择器
    exporttypeFileSelectorType={emit:boolean;type:"file"|"dir";callBack:(path:string,fileList:FileList)=>void;};exportconstFileSelector=(props:{upload:FileSelectorType})=>{useEffect(()=>{......
  • 【 react 】《 React实现图片比对效果 》
    这里使用img-comparison-slider组件进行实现官网地址https://img-comparison-slider.sneas.io/examples.html#always-showGitHub地址https://github.com/sneas/img-comparison-slider实现效果拖动中间分割线来切换展示旧图片与新图片安装组件##安装组件npminstall@......
  • React的各种bug及分析
    Parsingerror:Usingtheexportkeywordbetweenadecoratorandaclassisnotallowed.Pleaseuse`export@decclass`instead.脚手架修饰器的问题:我一般碰到这个问题,就直接把导出代码写到外面。@connect(state=>({isloading:state.error.isloading,}))classTri......
  • react基础入门
    react是一个用于构建用户界面的js库,React的核心理念是“一切皆组件”通过jsx语法来描述UI,使用js代码来编写类似于html的标记//一个简单的React组件constWelcome=(props)=>{return<h1>Hello,{props.name}</h1>;};//使用组件constelement=<Welcomename="John......
  • React 页面崩溃问题
    今天遇到一个页面崩溃问题,很神奇的是初始化打开的时候会崩溃,但是切到其他内容,再切回来又好了因为React是prod的版本,所以报错其实没卵用,最后定位到这个代码上:尝试了下,一个组件,returnnull或者returnfalse都是work的,但是returnundefined就不行了,而上图中前者可能会......