react
文章平均质量分 90
糖^O^
这个作者很懒,什么都没留下…
展开
-
【React全家桶】React-Redux
👉👉👉React-Redux是Redux的官方React绑定库。它能够使你的React组件从Reduxstore中读取数据,并且向store分发actions以更新数据。redux是一个专门用于做状态管理的JS库(不是react插件库)。可以用在react, angular, vue等项目中, 但基本与react配合使用。作用: 可以帮助开发者做集中式状态管理,集中式管理react应用中多个组件共享的状态。原创 2023-03-18 17:51:56 · 1232 阅读 · 20 评论 -
【React全家桶】Flux与Redux
单一数据源整个应用的state被储存在一棵object tree中,并且这个object tree只存在于唯一 一个store中State是只读的唯一改变state的方法就是触发action,action是一个用于描述已发生事件的普通对象.使用纯函数来执行修改描述action如何改变staet tree,需要编写reducers.原创 2023-03-12 20:08:36 · 1625 阅读 · 29 评论 -
【React全家桶】React生命周期
这个方法在render之后,componentDidUpdate之前调用,有两个参数prevProps和prevState,表示之前的属性和之前的state,这个函数有一个返回值,会作为第三个参数传给componentDidUpdate,如果你不想要返回值,可以返回null,此生命周期必须与componentDidUpdate搭配使用。所有子组件挂载完成,才标记着父组件挂载完成,父组件更新,子组件更新,子组件更新,子组件不更新。原创 2023-03-03 21:12:35 · 1339 阅读 · 13 评论 -
【React全家桶】React Hooks
在react类组件(class)写法中,有setState和生命周期对状态进行管理,但是在函数组件中不存在,因此引入hooksReact的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望,组件不要变成复杂的容器,最好只是数据流的管道。开发者根据需要,组合管道即可。也就是说组件的最佳写法应该是函数,而不是类。使用hooks理由高阶组件为了复用,导致代码层级复杂生命周期的复杂写成functional组件,无状态组件 ,因为需要状态,又改成了class,成本高。原创 2023-02-26 08:55:46 · 964 阅读 · 26 评论 -
【React全家桶】react组件通信
(1)父传子name作为props由父组件传递给子组件,子组件拿到name后,渲染在页面上。参数有父组件传递给子组件(2)子传父回调函数事件冒泡在子组件内部,修改了父组件中的值,从而完成了子组件向父组件通信2. 非父子组件通信方式👉状态提升React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件上.在父组件上改变这个状态然后通过props👉发布订阅模式实现👉context状态树传参注意:GlobalContext.Consumer内必须是回调函数,通过contex原创 2023-02-17 21:51:48 · 1295 阅读 · 29 评论 -
【react全家桶】react路由
单页Web应用(single page web application,SPA)。整个应用只有一个完整的页面。击页面中的链接不会刷新页面,只会做页面的局部更新。数据都需要通过ajax请求获取,并在前端异步展现,且是单页面、多组件一个路由就是一个映射关系(key:value)key为路径, value可能是function或component路由分类后端路由:(1) value是function, 用来处理客户端提交的请求。原创 2023-02-04 00:00:00 · 995 阅读 · 4 评论 -
【React全家桶】react简介(一)
创建项目creat-react-app1.1 React特点1.2 引入文件1.3 JSX1.3.1 为什么要用JSX1.3.2 JSX语法规则1.4 虚拟DOM1.5 模块与组件1.5.1 模块React面向组件编程2.1 创建组件2.1.1 函数式组件2.1.2 类式组件2.2 组件实例的三大属性2.2.1 state属性2.2.2 props属性2.2.3 refs属性2.3 受控组件和非受控组件2.3.1 非受控组件用于构建用户界面的JavaScript库(只关注页面),将数据渲染为HTML视图;原创 2023-01-21 23:00:00 · 4690 阅读 · 0 评论