react学习
文章平均质量分 79
react学习中的笔记
夏*想想
这个作者很懒,什么都没留下…
展开
-
react——路由
前端路由就是把不同路由对应不同的内容或页面对应展示出来。路由可以帮助我们很好的管理页面和代码,增强用户的体验感。路由模式有hash和 history 两种模式,通常用hash模式。在react中,react-router是跨平台的,内置通用组件和通用Hooks。原创 2023-02-03 15:37:31 · 5462 阅读 · 0 评论 -
Redux拓展
除了redux之外,还有两种中间件(Redux-thunk和Redux-saga)和常用组件(React-Redux),虽然用redux可以解决遇到的问题,但是学习这几种会使开发事半功倍。原创 2023-02-02 18:58:23 · 278 阅读 · 1 评论 -
react——组件通信
组件通信分为父子组件之间的通信和非父子之间的通信 ,在父子组件通信中用到的是父传子(传递数据),字传父(传递方法),类组件多了个this,函数组件则不需要this。非父子组件通信,跨域的比较大,组件层级嵌套比较多,因此相对来说会比较复杂,但是也有方式来实现:状态提升(中间人模式,前提是必须是亲兄弟,关系复杂后不适用),发布订阅者模式(实际开发中用redux),context状态树传参(官方方法)原创 2023-02-02 16:53:00 · 1068 阅读 · 0 评论 -
react——useState和useReducer
useState和useReducer都是用来存储和更新state,useReducer状态管理是useState的升级版。useReducer可以在外部存储变量,实现异步操作。若要实现跨组件通信,需要结合useContext来实现原创 2023-01-04 14:57:30 · 643 阅读 · 2 评论 -
react——插槽
插槽的使用,需要在组件标签内部组合jsx内心,进行传递,因为jsx本身就是一个js对象,插槽直接使用隐藏属性children直接渲染到页面,也可以是数组或者对象,通过索引或者属性实现具名插槽。原创 2022-12-30 17:00:48 · 752 阅读 · 0 评论 -
react——三大属性
react中的属性有state(内部状态)、props(外部属性)和ref(组件内某个元素),重点记录props的使用。原创 2022-12-28 17:26:01 · 328 阅读 · 0 评论 -
react——ToDoList案例
todolist案例是一个类似于笔记本的一个小案例,能做到添加输入内容到列表中,指定删除对应的列表数据,前提基础要会react,掌握react中的事件和获取dom元素的值,以及状态的获取和修改。案例中的样式是最简单的一种,学会了之后,大家可以按照自己想要的设计风格修改,也可以扩展内容,如统计列表中展示的条数等。案例中需要注意的是深拷贝问题原创 2022-12-27 16:45:14 · 172 阅读 · 0 评论 -
react之ref
ref在react中是一个对象,它有一个current属性,可以对这个属性进行操作,用于获取DOM元素和保存变化的值。常用的案例是input标签来展示和实践。推荐方法:在函数式组件中调用useRef()函数和在类组件中调用createRef()函数,它们返回ref对象。在组件的整个生命周期中,ref对象一直存在:组件挂载,ref对象创建,组件销毁,ref对象销毁。原创 2022-12-27 11:19:17 · 891 阅读 · 0 评论 -
react——事件绑定
react有两种写法,一种是类组件,也叫有状态组件;一种是函数式组件,也叫无状态组件,而后引入了react hooks,函数式组件也能修改状态。在这两种组件中的事件绑定的原理一样,写法不一样。这篇文章主要就是记录这两种组件中的事件绑定写法。原创 2022-12-26 18:38:16 · 1720 阅读 · 0 评论