![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 50
一只大大大大狗
这个作者很懒,什么都没留下…
展开
-
React路由基本使用
5.01 SPA的理解1.单页面Web应用(single page web application ,SPA)2.整个应用只有一个完整的页面.3.点击页面中的连接不会刷新页面,只会做页面的局部更新.4.数据都需要通过ajax请求获取,并在前端异步展现5.01.2路由的理解.1.什么是路由?1)一个路由就是一个映射关系(key:value)2)key为路径,value可能是function或者component2路由分类1.后端路由:1)理解:value是function,用来处理客户原创 2021-04-19 10:13:12 · 105 阅读 · 0 评论 -
react扩展方法 setState lazyLoad Hook Fragment Context Component render props 错误边界 组件通信方式总结
1,setStatesetState更新状态的2种写法 1,setState(stateChange,[callback])----对象的setState 1.stateChange为状态改变对象(该对象可以提现出状态的更改) 2.callback是可选的回调函数,他在状态更新完毕,界面也更新后(render调用后)才被调用 2.setState(updater,[callback])----函数式的setState 1,updater为返回stateChange对象的函数 2.upd原创 2021-04-17 20:09:14 · 164 阅读 · 0 评论 -
react详解redux进阶-纯函数-高阶函数 redux开发者工具
7.1.1redux是什么 1.redux 是一个专门用于做状态管理的js库,(不是react插件库) 2.他可以在react. angular,vue 等项目中,但基本与react配合使用(vue一般使用vuex管理状态) 3.作用:集中式管理react应用多个组件共享状态 7.1.2什么情况下用redux 1.某个组件的状态,需要让其他组件可以随时拿到(共享) 2.一个组件需要改变另一个组件的状态(通信) 3.总体原则:能不用就不用,如果不用比较吃力才考虑用redux工作流程7.原创 2021-04-16 19:42:53 · 556 阅读 · 0 评论 -
react精简组件拆分的意义
3.1功能界面的组件化编码流程(组件拆分思想)拆分组件:拆分界面,抽取组件实现静态组件,使用组件实现静态页面效果时间动态组件3.1 动态显示初始化数据3.11数据类型3.12数据名称3.13保存在那个组件?3.2交互(从绑定事件监听开始)3.2组件的组合使用-TodoList功能:组件化实现此功能1.显示所有todo列表2.输入文本,点击按钮显示到列表的首位,并清除输入的文本todolist案例相关知识点1.拆分组件,实现静态组件,注意className,style写法2.原创 2021-04-12 17:34:37 · 127 阅读 · 0 评论 -
react ajax 兄弟组件之间通讯
4.1.1 前置说明1.react本身只关注于界面,并不包含发送ajax请求的代码.2.前端应用需要通过ajax请求与后台进行交互(json数据)3.react应用中需要集成第三方ajax库(或者自己封装)4.1.2 常用的ajax请求库1,jQuery 比较重,如果需要另外引入不建议使用2.axios:轻量级 建议使用 1)封装XmlHttpRequest对象的ajax 2)promise风格 3)可以用在浏览器端和node服务器端4.2 axios 使用 axios.get(原创 2021-04-11 17:02:07 · 79 阅读 · 0 评论 -
react运行机制 基本语法 生命周期
1,关于虚拟DOM:1,本质是Object类型的对象(一般对象).2,虚拟DOM比较"轻",真实DOM比较"重",因为虚拟DOM是React内不再使用,无需真实DOM上那么多的属性.3,虚拟DOM最终会被React转化为真实DOM,呈现在页面上.2.渲染虚拟DOM到页面上 注意jsx语法1.定义虚拟DOM时,不要写字符串2.标签中混入js表达式要用{}.3.样式的类名指定不用class要用className,4.内联样式要用style={{key:value}},5.只有一个根标签.6原创 2021-04-05 21:10:41 · 194 阅读 · 0 评论