摘要:
react + Mobx5 & Mobx6 使用教程 MobX是react的状态管理库之一。 无主见,可扩展的状态管理。支持单向数据流, 动作改变状态,状态改变会更新所有受影响的视图; 安装 npm install mobx mobx-react 浏览器支持 Mobx5 : 需要搭配 react16 阅读全文
posted @ 2021-07-07 16:51
85号bobo
阅读(652)
评论(0)
推荐(0)
摘要:
Redux:reduxjs/toolkit 使用 configureStore 对标准的 Redux 的createStore函数的抽象封装,包裹createStore,并集成了redux-thunk、Redux DevTools Extension,默认开启。 传统的Redux,需要配置reduc 阅读全文
posted @ 2021-07-07 16:50
85号bobo
阅读(2104)
评论(0)
推荐(0)
摘要:
React: Redux、React-Redux、Redux-Thunk、Redux-Saga用法 Redux 当组件需要改变store内的数据时,就发送一个action给到store,store收到action后就会调用相应的reducers函数,reducers函数会返回一个新的对象来作为新的数 阅读全文
posted @ 2021-07-07 16:48
85号bobo
阅读(512)
评论(0)
推荐(0)
摘要:
React: refs refs: React的开发模式中,通常情况下不需要、也不建议直接操作DOM元素,某些特殊的情况需要获取到DOM进行某些操作; 方法一:this.refs.传入字符串 方法二:传入一个 React.createRef() 创建的对象,使用时用 current 属性来获取对应元 阅读全文
posted @ 2021-07-07 16:47
85号bobo
阅读(47)
评论(0)
推荐(0)
摘要:
React:高阶组件(HOC) 概念 高阶组件(HOC,Higher-Order Components)不是组件,而是一个函数,它会接收一个组件作为参数并返回一个经过改造的新组件: const EnhancedComponent = HOC(WrappedComponent); 需要区分的是,组件是 阅读全文
posted @ 2021-07-07 16:42
85号bobo
阅读(819)
评论(0)
推荐(0)
摘要:
React: Hooks 一. 什么是Hooks? React 一直都提倡使用函数组件,但是有时候需要使用 state 或者其他一些功能时,只能使用类组件,因为函数组件没有实例,没有生命周期函数,只有类组件才有 Hooks 是 React 16.8 新增的特性,它可以让你在不编写 class 的情况 阅读全文
posted @ 2021-07-07 16:34
85号bobo
阅读(159)
评论(0)
推荐(0)
摘要:
React:组件通信 父传子:props React数据流动是单向的,父组件向子组件通信也是最常见的;父组件通过props向子组件传递需要的信息。 🌰:child.js 🌰:parent.js 子传父 用回调函数和自定义事件机制实现子组件向父组件传值。 🌰:child.js 🌰:parent 阅读全文
posted @ 2021-07-07 16:29
85号bobo
阅读(84)
评论(0)
推荐(0)
摘要:
React: 生命周期 初始化阶段 constructor() constructor()中完成了React数据的初始化,它接受两个参数:props和context,当想在函数内部使用这两个参数时,需使用super()传入这两个参数。 注意:只要使用了constructor()就必须写super() 阅读全文
posted @ 2021-07-07 16:26
85号bobo
阅读(64)
评论(0)
推荐(0)

浙公网安备 33010602011771号