飞碟儿的博客

在使用ES6 classes或者纯函数时，不存在自动绑定，需要我们手动实现this的绑定。一 bind方法。这个方法可以绑定事件处理器内的this，并可以向事件处理器中传递参数，例：class App extends Component{ handleClick(e,arg){ console.log(e,arg); } render(){

第一页引入hashHistoryimport {hashHistory} from 'React-router'传参：btnClick:function () { hashHistory.push({ pathname: '/apartmentReserve/'+roomData.id, query: { id:roomData.id, name:room

YourComponent.propTypes ={}// 你可以定义一个js原始类型的prop,默认请情况下，这是都是可选的 optionalArray: React.PropTypes.array, optionalBool: React.PropTypes.bool, optionalFunc: React.PropTypes.func, optionalNumber:

在ES6语法中创建组件，组件内部定义静态propTypes及defaultProps ，编译过程出现错误：modulbuild failed:SyntaxError解决方法如下：一  不安装babel-preset-stage-0依赖时，可以把静态默认属性放在组件外class App extends Component{ render(){}}App.propTyp

linkContent= 名称：{this.props.name} 注意href={}，及href内部需要使用单引号。另外也可以写propslinkContent= 名称：{this.props.name}

index.js如上。使用Link跳转：取出参数：var apartmentId=this.props.params.apartmentId;

一browserHistory.push方法handleSubmit (e){ e.preventDefault(); //... const path = `/apartmentPay` browserHistory.push(path)}二context对象方法export default React.createClass({//

转自wonyun博客

示例：class Example extends React.Component { constructor(props, context) { super(props, context); this.context.router; // it works } btnClick(){ this.context.router