首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
React及相关库
哈哈哈哈多好听
创建于2022-03-17
订阅专栏
一些React的knowledge ,redux ,redux-persist
等 3 人订阅
共53篇文章
创建于2022-03-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React -- (6) Redux中间件与函数柯里化
一. Redux 中间件 二. 函数柯里化 先来看一下函数柯里化,毕竟函数柯里化是实现 Redux 中间件的基础!!! 栗子1: 比如我们要实现一个求和函数 sum(x,y,z,q) ,它接收四个参数
antd -- form表单
<1> 大致结构 ` < Form > < Form.Item name = "" labe = ""> </ Form.Item> < Form.Item name = "" labe = "">
Immutable -- 数据不可变性的实现
<1> 使用扩展运算符... 进行拷贝 缺点: 即如果要拷贝的对象中有属性的值是对象的话,那么对该属性的拷贝还是浅拷贝,即还是拷贝的是对该属性值的对象的引用!! <2> 使用 json--parse
React-redux
一. 基本工作流程 <1> 跟原生 Redux 不同的是: (1) store (2) 从 store 状态树中获取 state (3) dispatch(action 对象) <2> connect
Redux -- 异步问题(两个中间件)
<1> 需求 所以就需要在每个组件中进行判断,如果该数据已经被请求,就使用缓存,如果没有,就在该组件中发起请求!!! <2> 存在的异步问题 然后我们需要考虑到,数据请求存在异步问题,即数据请求回来是
React -- 反向代理
在 create-react-app脚手架中,已经给我们内置封装好了,我们只需要做简单的配置就行!!! (1) 安装跨域的插件 npm i http-proxy-middleware --save (
React 路由 -- React router(基础二)
(1) 从路由地址拿到参数 三种方法: <1> 动态路由 路由注册要改为以下写法: < Router path="/detail:id" component={Detail}> 加上冒号 :,说明该位
React 路由 -- React router(基础一)
一. 什么是路由? 二. React 路由 React 路由的实现主要是 react-router ,而它又被分为三部分: react-router 是 router 的核心代码 react-rout
React -- useReducer()
const [state , dispatch] = useReducer( reducer , intialState ) const [state , dispatch] = useReducer
React -- useContext()
Provider 组件的写法跟之前的 类式组件中的Context组件是一样的 而对于 Consumer 组件,就需要使用useContext(),该 hook 函数返回的就是,我们给 Provider
React -- 类式组件的非父子通信
<1> 状态提升(中间人模式) <2> 订阅发布模式 反正就是在订阅中心中(对象),定义两种函数:订阅函数 和 发布函数 在发布函数里,需要遍历执行订阅者传入的所有回调函数!! 在订阅函数里,需要执行
React -- 类式组件的父子间通信
<1> 通过 props 父传子 :直接在子标签中传 子传父 :通过父给子传一个函数,然后在子组件中调用该函数!!! <2> 使用 ref 可以在父组件中使用 ref 来直接获得对子组件的引用,然后通
React -- useRef()
可以保存 DOM 节点 可以对原生 DOM 节点进行一些操作!! 可以保存组件 可以保存普通变量 可以接收一个参数 -- 要保存的变量的初始值!! 注意: 因为涉及到重新渲染问题,所以如果是普通的进行
React -- useMemo()
useCallback(fn , [] ) 等价于 useMemo(()=> fn , []) 唯一的区别就是,useCallback() 不会执行第一个参数,而是直接把它的缓存返回给你,而useMe
React -- useCallback()
useCallback(()=>{} , []) 接收两个参数,第一个参数是一个回调函数,第二个参数是依赖项;返回值为传入的回调函数的 memorized 版本 ,只有当第二个参数中的依赖性改变时才会
React -- 类式组件的性能优化
<1> shouldComponentUpdate() 控制组件自身,或者子组件是否需要重新渲染,通过返回true or false 来进行控制!!! <2> PureComponent 它会自动帮我
React -- 类式组件的生命周期
一. 老生命周期 <1> 初始化阶段 (1) componentWillMount() 这个生命周期已经不推荐使用了,因为在 react 近期的版本中,为了优化 DOM diff 渲染算法 ,采用了
React -- 表单的受控与非受控
(1) 受控与非受控(广义) 广义的说法: (2) 表单的受控与非受控 非受控: 不受状态的控制,使用 ref ,来获取用户输入的值!!! 受控: 受状态的控制,使用 state 实时存储用户输入的值
React -- 属性 props
(1)基本使用 父组件 子组件 (2) 在子组件中对传过来的 props 进行限制 有些属性是需要一些限制的,因为有一些属性,从父组件传过来后,需要在子组件中进行展示或者使用。此时,就需要对传过来的
React -- 状态 state
(1)什么是 state ? state 是一个对象,里面可以存储各种类型的状态数据!!! (2)使用 state 先定义!!! 然后通过 this.state 可以访问到所有的状态 通过 this.
下一页