![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react-redux
素燃
忙里偷闲,发现有意思的东i就写点
展开
-
redux7 - 手写实现 react - redux 基本功能 Provider 和 connect
参考reac-redux 库 源码以下实现的功能代码演示地址使用react-redux库官方 react-redux 库,使用index.jsimport React from 'react';import ReactDOM from 'react-dom';import { Provider } from 'react-redux';import store from './reducers/store';ReactDOM.render( <Provider store={st原创 2020-06-02 15:23:52 · 526 阅读 · 0 评论 -
redux6 - 实现 react-redux 前置技能react 高阶组件的使用
react-redux使用演示代码太多,就放codesandbox.io 了,可以看到,在组件中连接仓库和组件的一个重要方法, connect() ,该方法的返回值就是个高阶组件什么是高阶组件高阶组件: 同高阶函数,参数可以是组件, 或者返回一个组件,使用场景: 一般用于公共部分的抽离,对一个组件进行包装,让它产生一些新的功能,或者返回一个新的UI组件演示效果:class App extends Component { render() { return ( &.原创 2020-06-02 09:27:39 · 211 阅读 · 0 评论 -
redux5 - 实现 react-redux 前置技能之 react库的context的使用
参考redux仓库的src目录,初步手写实现了以下3个方法createStore() : 创建数据仓库,导出了3个方法(dispacth,subscribe,getState)combineReducers():合并多个小的reducer,传入一个对象bindActionCreators() : 简化代码 api,只需传入一次对象的语法, 就不用再导出写 dispatch 了还剩下几个,先不说了,然而,就这么几行代码,已经基本让项目配合这些代码跑起来一个数据仓库了,然而,它还是有很多的冗余代原创 2020-06-01 17:29:08 · 313 阅读 · 0 评论