爱梦游

摘要： 一、脚手架搭建react结构目录： 1、npm install -g create-react-app 全局安装react脚手架 2、create-react-app react-demo 创建react-demo项目 3、cd react-demo 进入到项目文件夹 4、npm start 启动本 阅读全文

摘要： 一、作用 新手使用state时候，容易错误的直接更改state数据，在redux中这是不被允许的。Immutable 来解决这个问题。 Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。 阅读全文

摘要： export 命名导出 export：导出的变量名和import{ xxx}导入的变量名必须相同，所以export不能导出匿名函数 可以直接导出 export function cube(x) { return x * x * x; } export const foo = Math.PI + Ma 阅读全文

摘要： 一个网站上的功能非常多，代码量很大，但是一个文件上的代码超过300行，说明设计有问题。 reducer中，初始化数据在里面，数据操作也在里面，一个大型网站的操作数据都很多，如果都放在reducer中，必然代码非常多，就会造成不可维护性。 reducer好比一本图书查询手册，当手册内容太多，我们就可以 阅读全文

摘要： 去谷歌应用商店搜索Redux-DevTools，安装就行 高级使用方法：访问https://github.com/zalmoxisus/redux-devtools-extension import {createStore,compose} from "redux" import reducer 阅读全文

摘要： react中的css在一个文件中导入，是全局的，对其他组件标签都会有影响。 使用styled-components第三方模块来解决，并且styled-components还可以将标签和样式写到一起，作为一个有样式的组件，这样样式就是这个组件的私有样式，不会给其他组件造成影响，也很方便。 下包： np 阅读全文

摘要： html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i 阅读全文

摘要： react-redux是配合redux一起使用的，其中核心组件是Provider Provider是store的提供器，用Provider则store就无需直接引入组件内，而且还可以将一个store公共存储数据区域提供给多个组件 注意一下：之前store相关api导入的是redux, 而Provid 阅读全文

摘要： redux-saga和redux-thunk功能差不多，都是为了避免直接在组件生命周期函数中做异步操作，便于自动化测试，便于拆分管理。 首先要下包 npm i redux-saga 第零步：在actionCreators中，创建一个action的函数，这个action无需value，只需要一个类型就 阅读全文

摘要： UI组件：只展示UI，不处理业务逻辑，又称傻瓜组件，因为只需要展示UI，没有状态，我们通常用函数组件（无状态组件）作为UI组件 容器父组件：只处理业务逻辑，不展示UI，又称聪明组件 redux-thunk中间件：中间件是指在action与store之间实现某种功能的插件,thunk插件可以让异步操作 阅读全文