react学习三(61-90)
2021/8/1 6:06:07
本文主要是介绍react学习三(61-90),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
react ajax
react 脚手架配置代理的两种方式
1)在package.json中配置想要代理的地址(只适用于配置单个代理)
2)在src下创建setupProxy.js React会自动识别这个文件(可以请求多个代理)
接下来来看实例
消息订阅与发布机制(兄弟组件传递)
取消订阅
例子:list订阅消息,search发布消息,一旦发布消息成功,list就会接收到值,setState更新状态
fetch发送请求
第五章、React路由
对SPA的理解(单页面应用)
对路由的理解
react-router-dom相关api
路由的基本使用
路由的基本规则
一般组件和路由组件的最大区别(路由组件props会接收到三个参数)
react的高亮属性(点击哪个高亮哪个)<LInk></Link>的升级版 <navLInk activeClassName="xxx"></navLInk> 点击哪个就在哪个上面加activeClassName样式
Switch的使用
路由精准匹配 (to和path必须相同)
Redirect的使用(写在最后,所有路由都匹配不上的时候用)
嵌套路由规则(二级路由以上)
向路由组件传递参数数据
第一种:动态传params
第二种 向路由组件传递search参数
第三种 向路由组件传递state参数(路径里面没有标签提示,但是是存在history里面的,所以刷新不会丢失,但是清除浏览器缓存就会丢失)
路由跳转的两种模式 push和replace
这篇关于react学习三(61-90)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法
- 2024-11-14useState开发:React中的状态管理入门教程