1.render中最好不要放处理数据的逻辑，不能改变props,state的值，不然render后又得render一次，造成多次render），render中不要用localStorate,和sessionStorage（这算是操作数据，最好让render之负责展现，术业有专攻）.

{代码...} 以上代码是es6创建组件的方式，该段代码创建了StockList组件，在StockList实例化的时候，如下所示： {代码...} constructor中的参数args含有这些属性，也就是 {代码...}

本文章转载自React创建组件的三种方式及其区别，仅作分享。 React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件 虽然有三种方式可以定义react的组件，那么这三种定义...

Methods follow the same semantics as regular ES6 classes, meaning that they don't automatically bind this to the instance. You'll have to explicitly use .bind(this) or arrow functions =>:

上面代码中，类为.content的div表示一个正方形，其高度为零，padding-top的百分比是基于父元素的宽度的，又因为该div的宽度为100%，即为父元素的宽度，所以padding-top的高度和该div的宽度是相等的，也就是正方形，在这个正方形里面可以定义我们想放在正方形里面的内容，并置其position为absolute，left,top均为0.这样内...

上面代码中，onFocus={this.handleOnfocus('haha')},是表示立即执行this.handleOnfocus函数,即使没有触发onFocus,因为只有这样写onFocus={this.handleOnfocus}才表示触发focus事件就执行。 为了可以传递参数，我们修改handleOnfocus函数为下面这样：

react组件的属性值如果不是字符串的话，要用大括号括起来。比如<InputText name='sisi' age={6} school='hust' />,如果写作age=6的话，会报错。并且age={6},它的typeof(age)为number,而不是object. 即使是字符串也可以用大括号括起来。同样括起来后还是string，而不是object.

从上面代码可以看出，reducer中state如果没有匹配到action，state是没有更新的，也就是说在shouldComponentUpdate函数中，nextProps.state是没有更新的，即nextProps.state != this.props.state 返回false, shouldComponentUpdate函数也就不更新了。如果有一个action匹配了，那么返回的newState与原来的state就不同了，...

API Reference Components <Router> <Link> <IndexLink> withRouter <RouterContext> context.router <RoutingContext> (deprecated, use <RouterContext>) Configuration Components <Route> PlainRoute <Redirect> <IndexRoute> <IndexRedirect> Route C...

这两种形式都可以。2.组件的属性Router组件有history和routes属性Route组件有path和component属性，其中path属性可以省略。

该函数接受两个参数,其中dealActions表示actionCreateor函数，如果有多个actionCreator函数，可以放在dealAction.js文件中一次引入，dealAction.js

{代码...} 以上代码的<MyInfo />组件中，有两个属性，name 和 school，我们一般见的都是 {代码...} 或者 {代码...} 这两种形式，但是也可以采用es6中的扩展运算符...来表达，即 {代码...} 的形式，表示info的所有可遍历属性都作为MyInfo组件的属性，这与 {代码...} 是等价的。如果不需要将info对象的所有属性都作...

图片引用阮一峰es6教程 对图片中例子的理解: {代码...} 上面代码 {x=0,y=0}={}表示对象的解构赋值，并且解构赋值的默认值为x=0,y=0; 等号右边的空对象{}表示解构赋值中的值，等号左边的{x=0,y=0}表示解构赋值中的变量。但是由于值为空对象，相当于里面为undefined，所以如果只有{x=0,y=0}={}的话，赋值的结果是x=0,y=0的...

index.js中定义： {代码...} 1.定义变量的时候，不要用object变量名，有可能出现未知的错误。 2.输出用export {info}的时候，引入须用 import {info} from index.js 的形式，不可省略大括号。 3.输出用export{info as vm}的形式时，引入不能再用info这个接口了，只能用vm这个接口，即 {代码...} 4.重点：输出采用module....