React学习笔记1

键（key）
key是一个可选的唯一标识符。通过组件设置一个独一无二的键，并确保它在一个渲染周期中保持一致。

引用（ref）
ref运行父组件在render方法之外保持对子组件的一个引用。

生命周期方法
首次使用一个组件时，下面的方法会一次被调用：
getDdfaultProps(只会调用一次)
getInitialState（调用次数有且只有一次）
componentWillMount（完成首次渲染之后被调用）
render（创建虚拟DOM，表示组件的输出）
componentDidMount（render方法被调用并且渲染真是的DOM后调用）

存在期
随着应用状态的改变，下面的方法一次被调用：
componentWillReceiveProps
shouldComponentUpdate
componentWillUpdate
render
componentDidUpdate

销毁
componentWillUnmount

props
props可以使用它把任意类型的数据传递给组件
可以通过this.props方法props,但不能通过这种方法修改它，一个组件绝对不可以自己修改自己的props

state
每一个组件都可以拥有自己的state，state与props的区别在于state只存在于组件的内部

var CountryDropdown = React.createClass({        getInitialState:function(){          return{            showOptions:false          };        },        handleClick:function(){          this.setState({            showOptions:true          });        },        render:function(){          var options;          if(this.state.showOptions){            options = (              <ul className='options'>                  <li>America</li>                  <li>New Zealand</li>                  <li>Denmark</li>              </ul>            );          }          return(            <div className='dropdown' onClick={this.handleClick}>                <label htmlFor="">chose a country</label>            </div>          );        }      });