- 博客(7)
- 收藏
- 关注
原创 中间件的原理 手动封装中间件
中间件原理 手动封装中间件 在redux添加自己的操作,完成打印日志需求 需求:在dispatch之前,打印一下本次的action对象,dispatch完成之后,可以打印最新的store state console.log("dispatching:", addAction(5)); store.dispatch(addAction()); console.log("new state:", store.getState()); console.log("dispatching:", addActio
2020-09-09 15:06:34
381
1
原创 React.StrictMode严格模式中检查的是什么?
识别不安全的生命周期 使用过时的ref API 检查意外的副作用 这个组件的constructor会被调用两次; constructor(props) { super(props); console.log("Home constructor"); } 这是严格模式下故意进行的操作,让你来查看在这里写的一些逻辑代码被调用多次时,是否会产生一些副作用; 在生产环境中,是不会被调用两次的; 使用废弃的findDOMNode方法 在之前的Rea.
2020-08-14 10:48:04
251
原创 react-redux概述
React-redux和redux的关系 react和redux是没有关系的 refux和react这类库搭配起来更好用 react-redux是react官方推出的 用于配合React绑定库 React-redux能够使你的React组件从React Store中很方便的读取数据,并且向store中分发actions 以此来更新数据 React-Redux中两个重要成员 Provider 这个组件 能够使整个app都能获取到store中的数据 connect 这个方法 能够使组件跟store来进行关联
2020-07-29 11:29:37
155
原创 redux基础
redux组成 state 状态 action 事件 本质是一个JS对象 必须包含type属性 只是描述了有事情要发生,并没有描述如何去更新state(reducer去做) Reducer 本质是一个函数 响应发送过来的action(其实就是处理action) 函数接收两个参数,第一个是初始化的state,第二个是发送过来的action 必须要有返回值 store 用来把action和reducer联系起来的 用createStore来构建store 用subscribe来注册监听(组件..
2020-07-29 11:25:47
107
原创 React组件编程props基础
props基础 props是React中的一个重要的属性,是组件对外的接口,我们props就可以从组件的外部向组件的内部进行数据的传递,当然也可以完成父组件给子组件的数据传递 * 注意:无论是函数组件还是类组件,我们都不可以修改自身的props * 函数组件 简单的demo function Cpn(props) { return ( <div>我是函数组件------这个是外部传递过来的值:{props.text}</div> )
2020-07-25 21:03:34
213
原创 React组件基础demo
React组件基础 React 组件重要内容: 构建方式 组件属性 生命周期 React的组件分三个部分: 属性props 状态state 生命周期 一个组件就是自定义标签 函数组件/无状态组件 创建方式 function MyCpn () { return ( <div>函数组件</div> ) } 调用组件 let cpn = <MyCpn /> 类组件 创建方式: class MyCpn extends React.C
2020-07-25 19:59:08
159
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人