React属性与事件

一、State属性

• state 属性对模块来说属于自身属性
• 初始化 state
  react中每个类都有一个构造函数 constructor()，初始化可放在构造函数中，通过 JSon 语法初始化 state

constructor（）{
        super();    //调用基类所有的初始化方法
        this.state = {username : "Jaakko"};
}

• 修改 state
  修改 state 有一个 setState() 的方法，也是通过 JSon 的形式，state 改变会立刻引起页面的刷新

this.setState({username : "Yin"});

• state 作用域
  state 作用域只属于当前 class ，不会污染其他的模块，这是 react 设计为模块化的好处

二、Props 属性

• props 对于模块来说属于外来属性
• 传递参数
  调用组件时，直接传入参数

<BodyIndex userName = "Jaakko"/>

• 模块中接收参数

this.props.userName

三、事件与数据双向绑定

• 事件的绑定
  可以在构造函数里绑定

this.forceUpdateHandler = this.forceUpdateHandler.bind(this);

或者在调用时绑定

onClick = { this.changeUserInfo.bind(this,50); }