react
关注
分享
扫一扫
文章平均质量分 74
阿牛大牛中
总得有盼头，好过每天都犯愁。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
react后台管理项目
文章目录介绍day011. 项目开发准备2. 启动项目开发3. git管理项目4. 创建项目的基本结构5 引入antd6. 引入路由7. Login的静态组件8. 收集表单数据和表单的前台验证9. 高阶函数与高阶组件day021. 后台应用2. 编写ajax代码3. 实现登陆(包含自动登陆)4. 搭建admin的整体界面结构5. LeftNav组件day031. Header组件2. jsonp解决ajax跨域的原理day04: Category组件1. 使用antd组件构建分类列表界面2. 相关接口请求函原创 2021-08-19 22:04:03 · 9932 阅读 · 19 评论 -
react井字棋
文章目录官方教程结果展示目录结构代码官方教程https://zh-hans.reactjs.org/tutorial/tutorial.html结果展示目录结构src├── index.css└── index.js代码index.css:body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px;}ol, ul { padding-left: 30px;}.board-row:af原创 2021-08-14 10:41:22 · 169 阅读 · 0 评论 -
为什么不可变性在react中非常重要？
文章目录为什么不可变性在 React 中非常重要？直接修改数据新数据替换旧数据简化复杂的功能跟踪数据的改变确定在 React 中何时重新渲染为什么不可变性在 React 中非常重要？handleClick(i) { const squares = this.state.squares.slice(); squares[i] = 'X'; this.setState({squares: squares});}在上面内容当中，我们建议使用 .slice() 函数对数组进行拷贝，而非直接修改原创 2021-08-14 10:11:43 · 476 阅读 · 1 评论 -
React扩展
文章目录1. setStatesetState更新状态的2种写法2. lazyLoad路由组件的lazyLoad3. HooksReact Hook/Hooks是什么?三个常用的Hook：State HookEffect HookRef Hook4. Fragment使用作用5. Context理解使用注意6. 组件优化Component的2个问题效率高的做法原因解决7. render props如何向组件内部动态传入带内容的结构(标签)?children propsrender props8. 错误边界理转载 2021-08-13 23:50:25 · 211 阅读 · 0 评论 -
redux状态管理
文章目录redux理解redux是什么什么情况下需要使用reduxredux原理图：redux三个核心概念actionreducerstore官方文档解释：react-redux使用react-redux原型图：react-redux相关APIreact-redux笔记：1. 求和案例_react-redux基本使用：2. 求和案例_react-redux优化：3.求和案例_react-redux数据共享版:4. 求和案例_react-redux开发者工具的使用react-redux最终版:redux理解原创 2021-08-13 20:28:43 · 666 阅读 · 0 评论 -
react路由学习
文章目录一、路由的基本使用二、路由组件与一般组件三、NavLink与封装NavLink四、Switch的使用五、解决多级路径刷新页面样式丢失的问题六、路由的严格匹配与模糊匹配七、Redirect的使用八、嵌套路由九、向路由组件传递参数十、编程式路由导航十一、BrowserRouter与HashRouter的区别一、路由的基本使用1.明确好界面中的导航区、展示区2.导航区的a标签改为Link标签 <Link to="/xxxxx">Demo</Link>3.展示区写Rou原创 2021-08-12 15:52:42 · 155 阅读 · 0 评论 -
react脚手架配置代理
react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js编写setupProxy.js配置具体代理规则：const原创 2021-08-11 14:35:46 · 120 阅读 · 0 评论 -
react脚手架的使用
文章目录使用create-react-app创建react应用1. react脚手架2. 创建项目并启动3. React脚手架项目结构34. 功能界面的组件化编码流程（通用）使用create-react-app创建react应用1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: cr原创 2021-08-10 20:31:32 · 2674 阅读 · 0 评论 -
vue、react的diff算法以及遍历数据时的key绑定的作用
文章目录经典面试题1. 虚拟DOM中key的作用：2. 用index作为key可能会引发的问题：3. 开发中如何选择key示例：慢动作虚拟DOM什么是diff算法Vue和React中diff算法的区别经典面试题react/vue中的key有什么作用？（key的内部原理是什么？）为什么遍历列表时，key最好不要用index?1. 虚拟DOM中key的作用：简单的说：key是虚拟DOM对象的标识，在更新显示时key起着极其重要的作用。详细的说：当状态中的数据发生变化时，react会根据原创 2021-08-10 16:50:49 · 240 阅读 · 0 评论 -
react生命周期(旧、新)
文章目录react声明周期（旧版本）图示：1. 初始化阶段2. 更新阶段3. 卸载组件react生命周期（新版本）图示：1. 初始化阶段2. 更新阶段3. 卸载组件react声明周期（旧版本）图示：1. 初始化阶段我们先看图示的左侧，就是我们初始化阶段由ReactDOM.render()触发—初次渲染。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2021-08-10 14:07:03 · 296 阅读 · 0 评论 -
react组件三大核心属性state注意事项
文章目录React State(状态)将生命周期方法添加到类中数据自顶向下流动向 class 组件中添加局部的 state将生命周期方法添加到 Class 中正确地使用 State不要直接修改 StateState 的更新可能是异步的State 的更新会被合并理解强烈注意React State(状态)React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 st原创 2021-08-09 13:25:07 · 320 阅读 · 0 评论