Fetch的用法以及数据Mock

fetch是一种可代替 ajax 获取/提交数据的技术,有些高级浏览器已经可以window.fetch使用了。相比于使用 jQuery.ajax 它轻量(只做这一件事),而且它原生支持 promise ,更加符合现在编程习惯。安装npm install whatwg-fetch --save,即可...

2017-06-20 12:15:13

阅读数 5204

评论数 0

Redux中的bindActionCreators

作用:Redux中的 bindActionCreators,这样可以通过bindActionCreators创建的方法,直接调用dispatch(action);(隐式调用)主要用处:bindActionCreators的唯一用处就是需要传递action creater到子组件,并且改子组件并没...

2017-06-19 13:57:30

阅读数 1576

评论数 0

Redux-connect( )介绍

React-dedux提供connect()方法,用于从UI组件生成容器组件,connect的意思就是把这两种组件连起来import { connect } from 'react-redux' const VisibleTodoList = connect()(TodoList);上面代码中,T...

2017-06-16 14:37:17

阅读数 2418

评论数 0

Redux:中间件与异步操作

问题:异步操作怎么办?Action 发出以后,Reducer 立即算出 State,这叫做同步;Action 发出以后,过一段时间再执行 Reducer,这就是异步。 怎么才能 Reducer 在异步操作结束后自动执行呢?这就要用到新的工具:中间件(middleware)中间件的概念为了理解中间...

2017-06-15 11:45:46

阅读数 222

评论数 0

es6 javascript对象方法Object.assign()

1  基本用法 Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target )。[javascript] view plain copy print?var target = { a: 1 };  var source1 = { b:...

2017-06-13 17:53:24

阅读数 188

评论数 0

Redux基础

安装cnmp install react-redux redux --save 文档地址: http://cn.redux.js.org/docs/introduction/index.html作用:无论是移动端还是 pc 端,当你使用 React 或者 vue 开发组件化的 SPA 程序时,组件...

2017-06-13 17:52:22

阅读数 323

评论数 0

React-router

react的路由首先安装reacr-router npm install react-router --save,会自动安装上最新的版本4.1.1,但是新的react-router里面没有hashHistory,很烦,所有我自己是在webpack.json里面写上"react-rout...

2017-06-13 15:30:15

阅读数 222

评论数 0

React性能检测和优化

性能检测 安装检测工具 npm i react-addons-perf --save,然后在./app/index.jsx中写这段代码 import Perf from "react-addons-perf" if(__DEV__){ ...

2017-06-11 17:32:07

阅读数 306

评论数 0

props和state

区别:state和props的区别在于props是不可变的,而state可以根据与用户交互来改变,这就是为什么有些容器组件需要定义state来更新和修改数据,而子组件只能 用props来传递数据。props的用法 name属性通过 this.props.name 来获取。 var Hello ...

2017-06-08 18:56:58

阅读数 204

评论数 0

jsx语法

使用一个父节点包裹// <p> 外面必须再包裹一层 <div> return ( <div> <p>段落1</p> <p>段落2</p> ...

2017-06-07 10:48:50

阅读数 417

评论数 0

React生命周期

getDefaultprops 设置props的默认数据getInitialState 初始化每个实例的state,在这个方法里可以访问组件的props,每一个React组件都有自己的state,与其props的区别在于state只存在组件的内部,props在所有实例中共享

2017-06-06 10:45:47

阅读数 283

评论数 0

React基础记录

React基于状态实现对DOM的控制和渲染 组件状态分为两种:一种是组件间的状态传递,另一种是组件内部状态,这两种状态使用props和state表示 props:组件中的props是一种父级向子级传输数据的一种方式,在组件内部,可以通过this.props获取属性对象 state:state是Re...

2017-06-06 10:05:10

阅读数 229

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭