react
文章平均质量分 81
在下月亮有何贵干
有一个成为受人敬仰的前端开发者的梦想
展开
-
react react路由使用掌握
react 路由的使用依靠 react-router-dom,今天进行一个系统的使用示范进行记录学习。内容包括:基本路由结构、顶级路由的提取、实现keepAlive的方法。注意:以下代码都运行于 react 项目中,学习前请自行创建简单 react 项目。原创 2022-05-06 14:45:27 · 1598 阅读 · 0 评论 -
ant-design-pro项目开发全攻略(用这个做博客网站模板不要太快,一招鲜吃遍天)
打算做一个个人网站,新建umi项目的时候发现了ant-design-pro这个项目模板,打开一看貌似挺有用,记录一下一步步探索的开发攻略,包括如何修改主题内容、添加路由新页面,以及将md文档文件插入页面(用于博客网站制作)。原创 2022-03-01 11:26:18 · 8575 阅读 · 6 评论 -
dva内容简易了解
从redux到dva内容简易了解reduxdva组件component模型状态model连接connectredux首先需要一个store储存我们的state然后我们提前定义好一些动作action,当组件派发了这些action时reducer会接收action,reducer中会返回一个新的state更新store中的statestate更新后触发通知告知订阅者,然后订阅者拿到最新的数据更新jsxdva组件component这个就不多说了,创建component的大家都会,配合umi来说原创 2021-07-19 15:53:47 · 321 阅读 · 0 评论 -
redux、react-redux一篇掌握
介绍了redux的几个核心概念,循序渐进,掌握redux的概念之后,再接入react-redux,主流使用方法,以例子的形式介绍,如果耐心阅读下来,相信你可以完全掌握。原创 2022-01-18 11:13:40 · 1417 阅读 · 0 评论 -
umi 如何实现标签页切换和路由动效
目录全局路由示例全局路由在umi项目的src中创建loyouts,src/loyouts/index.js中编写一个react组件。组件默认接收一个props属性为children,children将会默认渲染src/page/index.js下也就是umi的默认进入页,路由切换时等于是切换children部分。剩下的部分可以全局渲染,因此可以把标签渲染在底部全局,children放在上方,就达到了点击下方标签,切换路由的效果。示例我示例使用的是antd-mobile v5.0.0-rc.3和r原创 2021-12-10 09:59:10 · 3279 阅读 · 10 评论 -
react react-pdf实现在线pdf加载(翻页加载、下拉滚动加载)
react如何利用react-pdf实现pdf的展示(包括了翻页加载pdf与滚动下拉加载pdf的示例)原创 2021-12-03 10:18:49 · 7807 阅读 · 0 评论 -
react 生命周期一篇掌握
这里写目录标题1. 旧生命周期1.1 初始化阶段1.2 运行阶段1.2.1 父组件更新时1.2.2自身状态state改变1.3销毁阶段2. 新生命周期更新2.1 销毁阶段不变2.2 getDerviedStateFromProps2.3 getSnapshotBeforeUpdate2.4 更新周期图1. 旧生命周期1.1 初始化阶段设置默认属性。constructor构造器,super执行,设置初始化的state。componentWillMount第一次运行。render第一次渲染。原创 2021-11-10 11:12:48 · 703 阅读 · 0 评论