![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 96
土豆Coder
博客只是为了记录我的学习工作求职之路所见
知识点的搬运工
毕业CQU 自动化专业 自学前端
热爱美食 火锅 羽毛球
前端之路继续走 想学的东西还特别多
学英文 学吉他 梦想有朝一日能成为羽毛球大咖 杀球吊球嘎嘎牛
人生理想就是怎么吃美食都吃不胖 怎么写bug都不会秃
嗝 今天的胃又是128G的噢~~~
展开
-
深入浅出认识理解React、Flux和Redux
深入浅出认识理解React、Flux和Redux原创 2022-10-20 14:39:29 · 473 阅读 · 0 评论 -
ant.d中一个页面中两个表单
首次使用antd介绍Form--校验Form--Radio介绍从零开始搭建react项目,结合antd库进行开发,在还未了解其原理的情况下只照着官网的案例进行开发,难免会遇到很多问题,下面对遇到的问题做个总结,希望后期能深入对react和antd原理的理解和熟练,不再依赖各种百度寻找答案。Form–校验import React, { Component } from 'react'imp...原创 2020-02-25 11:09:25 · 3909 阅读 · 2 评论 -
ant.d中Tree组件默认选中和展开
ant.d中Tree组件默认选中和展开const rootId = 'all'<Tree defaultExpandedKeys={[rootId]} defaultSelectedKeys={[rootId]} selectedKeys={[this.state.curTreeNode.key]} treeData={this.state.treeData}>...原创 2020-04-14 15:34:29 · 8248 阅读 · 0 评论 -
ant.d中动态增减表单项
ant.d中动态增减表单项介绍实现介绍项目中经常会用到动态增减表单的需求,虽然ant.design官网也有相关的demo代码演示,但在实际的应用项目中需要动态增减的表单远远比demo复杂多了,具体如何实现呢?先来看看我们实现后的具体效果是什么样的吧:实现初始化时默认有一条一条时不允许删除可以设置key校验不能重复import React, { Component, Fragm...原创 2020-04-14 16:11:21 · 1613 阅读 · 0 评论 -
创建electron-react项目
创建electron-react项目介绍基于Electron实现的软件底层实现背景Electron+Reactreact项目配置Electron介绍首先,我们需要知道什么是Electron。Electron是一个能让你使用传统前端技术(Nodejs,JavaScript,HTML,CSS)开发一个跨平台(Windows,OSX及Linux系统)桌面应用的框架。基于Electron实现的软件Electron现已被多个开源应用软件所使用,其中我们熟知和使用的VSCode编辑器就是基于Electron实原创 2020-05-18 14:44:08 · 397 阅读 · 0 评论 -
create-react-app模块按需加载
create-react-app项目打包优化介绍路由懒加载介绍本文中针对使用create-react-app创建的项目进行项目打包优化,有关Vue项目中的打包优化可以参考Vue-Cli3+eleUI项目打包优化。路由懒加载默认情况下,当下项目根路径下执行npm run build时,create-react-app内部使用webpack将src/路径下的所有代码打包成一个JS文件和一个CS...原创 2020-04-29 17:19:27 · 1471 阅读 · 3 评论 -
react中监听props的改变
react中监听props改变componentWillReveicePropsUNSAFE_componentWillReceivePropsgetDerivedStateFromPropscomponentWillReveiceProps之前使用componentWillReveiceProps来实现组件更新阶段的通信class xxx extends Component { /** ...原创 2020-04-24 10:58:43 · 17850 阅读 · 0 评论 -
React.16 Portals使用案例
React.16 Portals使用案例介绍案例介绍React 16的Portals特性让我们可以把组件渲染到当前组件树以外的DOM节点上,这个特性典型的应用场景是渲染应用的弹窗,使用Portals后,任意组件都可以将弹窗组件渲染到根节点上,以便弹窗的显示,Portals的实现依赖ReactDOM的一个新的API。案例说了这么多,可能还是不大明白怎么用,或者什么场景要用,通过下面这个小实例...原创 2020-04-23 16:34:06 · 246 阅读 · 0 评论 -
react+ant.d添加全局loading
react+ant.d添加全局loading背景使用redux实现全局Loading添加Spin接口拦截设置Loading显示actionsreducersstore引入http.js监测store中loading值设置是否显示Spin背景觉得这个图太逗了,哈哈哈!本篇博客中的方法也是前两天刚接触redux时给了我的一点启发,可以从这里着手来实现这个功能。而且,事实证明,确实满足了我的需求...原创 2020-04-23 11:59:12 · 9475 阅读 · 8 评论 -
react中引入less并支持antd主题换肤
antd主题换肤介绍antd换样式变量介绍antd的样式使用了Less作为开发语言,并定义了一系列全部的样式变量,我们可以改变对应变量值来进行相应调整换肤。antd换样式变量在前面文章create-react-app新建项目中配置less中我们知道了如何在项目中配置less,下面的换肤可以将其统一,也就是说前面配置的可以省去然后增加配置换肤和less的代码如果出现下面的报错那一...原创 2020-01-02 10:41:13 · 1291 阅读 · 0 评论 -
vue和react多语言配置
vue和react多语言配置介绍`vue`+`i18n`多语言项目新建和依赖安装定义多语言配置文件在入口文件中引入并使用`.vue`文件中使用多语言在`.js`文件中使用多语言`react`+`react-intl`多语言新建项目并安装依赖包入口文件中引入`.js`文件中使用介绍现在越来越多的项目需要支持多语言,熟悉Vue开发的同学应该知道在Vue中配置多语言还是比较简单的,基本都用的是i18...原创 2020-01-03 16:19:58 · 296 阅读 · 0 评论 -
react-router5.x路由配置
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-11-15 11:17:56 · 769 阅读 · 0 评论