![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
keji_123
123齐步走
展开
-
Redux的基础使用入门(一)
基本概念和API redux: 商店:store,存放state的容器 状态:state,就是应用中需要使用的数据 动作:action,定义数据操作 通知:dispatch,发送操作请求 函数:reducer,处理数据的业务逻辑 首先创建商店(store) // 得到原创 2018-02-02 10:19:01 · 326 阅读 · 0 评论 -
Redux与纯JS入门实例讲解
http://blog.csdn.net/a153375250/article/details/53374081转载 2018-02-02 10:25:12 · 133 阅读 · 0 评论 -
react页面中引用本地图片的方法
方法一: 方法二: import search from '../img/search.png' import user from '../img/user.png' "" /> "" /> 方法三: img src='http://localhost:3000/my-project/src/img/icon1.png' alt="" /> 背景图片引用方法转载 2018-01-19 09:12:28 · 5859 阅读 · 0 评论 -
Redux Reducer 的拆分(二)
在上一篇博客Reducer 的拆分(一)http://blog.csdn.net/keji_123/article/details/79242355的基础上再进一步优化一下: //这里传数据的时候没有必要把整个state传进去,我们用到什么传什么,改成如下代码: const reducer = ( state, action ) => { users:users( state.u原创 2018-02-03 11:59:27 · 290 阅读 · 0 评论 -
Redux Reducer 的拆分(一)
Reducer 的拆分 写一个Reducer的例子 var data = { users: [], articles: [], comments: [] }; const reducer = ( state, action ) => { s原创 2018-02-02 19:00:16 · 1334 阅读 · 0 评论 -
Redux Reducer 的合并
Reducer的下面有一些方法 今天来介绍一下combineReducers()这个方法,用来合并数据。 在前两篇Reducer 的拆分博客的基础上进行讲解combineReducers, 第一篇:Reducer 的拆分(一)http://blog.csdn.net/keji_123/article/details/79242355 第二篇:Reducer 的拆分(二)http://b原创 2018-02-03 12:33:27 · 423 阅读 · 0 评论 -
HTML快速转成 JSX 的方法
如何把html快速转成react可用的jsx代码呢?下面推荐一个工具HTML to JSX Compiler https://www.geeksss.com/pages/html2jsx.php原创 2018-02-11 09:03:13 · 5522 阅读 · 2 评论 -
react16.8 antd按需加载配置
配置按需加载 1.安装react-app-rewired 取代react-script,可以扩展webpack的配置,类似vue.config.js npm install react-app-rewired@2.0.2-next.0 babel-plugin-import --save 2.在项目的根目录下(src同级)新建一个config-overrides.js的文件,配置如下 const...原创 2019-04-10 13:50:17 · 458 阅读 · 0 评论 -
react高阶组件装饰器的使用与配置
高阶组件装饰器的写法 高阶组件链式的写法逻辑比较绕,es7中有一个优秀的语法-装饰器,专门用来处理这种问题 1.首先装插件 npm install --save-dev babel-plugin-transform-decorators-legacy 2.在项目根目录中找到config-overrides.js这个文件,如果没有就新建一个,配置如下 const { injectBabelPlug...原创 2019-04-10 16:34:58 · 1512 阅读 · 0 评论