剑仙6

2020年3月17日

摘要：（1）无状态组件无状态组件(Stateless Component)是最基础的组件形式，由于没有状态的影响所以就是纯静态展示的作用。一般来说，各种UI库里也是最开始会开发的组件类别。如按钮、标签、输入框等。它的基本组成结构就是属性（props）加上一个渲染函数（render）。由于不涉及到状态的更阅读全文

posted @ 2020-03-17 11:49 剑仙6 阅读(1306) 评论(0) 推荐(0) 编辑

浅谈react-router和react-router-dom、react-router-native的区别

摘要： react-router-v4，我称之为“第四代react-router”，react-router和react-router-dom的区别是什么呢？为什么有时候我们看到如下的写法：写法1: import {Swtich, Route, Router, HashHistory, Link} fr 阅读全文

posted @ 2020-03-17 11:32 剑仙6 阅读(936) 评论(0) 推荐(0) 编辑

2020年3月16日

windows系列CMD替换品Terminal控制台推荐——ConsoleZ

摘要：转做前端开发以来，每天使用最频繁的工具就是控制台了，git提交代码要用，npm安装node包也要用，grunt 运行 task 也要用，可是系统自带的cmd太难用，有界面丑，字体丑，不能最大化等等问题，常见的替代品如下那么问题就来了： “windows 下 Terminal哪家强？” 推荐一款代替阅读全文

posted @ 2020-03-16 15:56 剑仙6 阅读(1160) 评论(0) 推荐(0) 编辑

Visual Studio Code插件推荐（React开发）

摘要：本文记录下react开发里常，Visual Studio Code开发集成环境常用的插件，简单截图如下，具体作用自己下载后对应详情界面会有介绍（1）大体列表（2）禁用列表（3）推荐列表（4）已启用列表 . 阅读全文

posted @ 2020-03-16 15:36 剑仙6 阅读(568) 评论(0) 推荐(0) 编辑

React-Redux系列5：代码优化

摘要：本节主要针对之前的ToDoList代码做下优化（1）删除无用构造器（2）解构赋值优化this.props取值优化如下注意位置：解构赋值语法定义的局部变量要写在render内部（3）无状态UI组件抽离将当前组件的render内部抽离出来无状态组件的优点： 1、大大提高了组件渲染性能 2 阅读全文

posted @ 2020-03-16 15:02 剑仙6 阅读(133) 评论(0) 推荐(0) 编辑

React-Redux系列4：增加listData列表数据

摘要：接着之前的react-redux完善ToDoList案例，实现点击按钮，添加列表项功能（1）添加按钮响应事件（2）编写映射关系（3）编写reducer.js进行state的业务逻辑处理测试如下，此时便完成了列表数据的添加操作 . 阅读全文

posted @ 2020-03-16 14:51 剑仙6 阅读(376) 评论(0) 推荐(0) 编辑

React-Redux系列3：修改Store state的值

摘要：目前为止的ToDoList案例已经可以正常展示，但是还不能修改编辑，如下所示此时控制台报错提示，缺少onChange响应事件，所以接下来编写响应事件，改变state状态值。（1）通常做法之前的做法都是绑定具体方法进行调用，如下所示，绑定handleInput方法，当输入值时进行输出打印接下来阅读全文

posted @ 2020-03-16 14:27 剑仙6 阅读(1555) 评论(0) 推荐(0) 编辑

React-Redux系列2：Provider提供器和Connect连接器

摘要：本节主要介绍react-redux的两个知识点：1、提供器Provider；2、Connect连接器。（1）提供器provider 被Provider包裹的组件，可以直接获取store仓库的状态值，用法如下只要被Provider包裹的组件都可以方便获取store （2）连接器Connect 提供阅读全文

posted @ 2020-03-16 13:33 剑仙6 阅读(218) 评论(0) 推荐(0) 编辑

2020年3月15日

React-Redux系列1：简介和安装

摘要：（1）初始化项目安装完毕后，删除src下其他文件，留下index.js入口文件，如下所示接下来首先安装redux和react-redux依赖（因为react-redux依赖redux，是在redux基础上建立起来的） >npm i redux react-redux --save 接下来编写跟组阅读全文

posted @ 2020-03-15 20:31 剑仙6 阅读(263) 评论(0) 推荐(0) 编辑

Redux中间件redux-saga中间件之安装、配置、使用

摘要：（1）前言（2）安装首先安装相关依赖 >npm i redux-saga --save （3）配置接下来开始进行编写配置，文件位置src/store/index.js。先将之前的redux中间件redux-thunk做下备份，然后开始配置redux-saga中间件 redux-saga中间件相阅读全文

posted @ 2020-03-15 16:26 剑仙6 阅读(378) 评论(0) 推荐(0) 编辑

公告