React：数据流

var data=[{title:'props'}];
<MyView data={data}/>

var data=[{title:'props'}];
var myView=React.render({
  <MyView/>,
  document.body
});
myView.setProps({data:data});

var CheckLink = React.createClass({   
  render: function() {   
    // 这样会把 CheckList 所有的 props 复制到 <a>   
    return <a {...this.props}>{'√ '}{this.props.children}</a>;   
  }  
});   
React.render(   
  <CheckLink href="/checked.html">   
    Click here!   
  </CheckLink>,   
  document.getElementById('example')  
);

var MyView=React.createClass({
  propTypes:{
    title:React.PropTypes.isRequired,
    onClick:React.PropTypes.func
  },
  ...
});

//基本类型
React.PropTypes.array
React.PropTypes.bool
React.PropTypes.func
React.PropTypes.number
React.PropTypes.object
React.PropTypes.string

//所有可以被渲染的对象：数字，字符串，DOM元素或包含这些类型的数组。
React.PropTypes.node

//React元素
React.PropTypes.element

//用js的instanceof操作符声明prop为类的实例
React.PropTypes.instanceOf(Object)

//用enum来限制prop只接受指定的值
React.PropTypes.oneOf(['a','b'])

//指定的多个对象类型中的一个
React.PropTypes.oneOfType([
  React.PropTypes.number,
  React.PropTypes.string
])

//指定类型组成的数组
React.PropTypes.arrayOf(React.PropTypes.number)

//指定类型的属性构成的对象
React.PropTypes.objectOf(React.PropTypes.number)

//特定格式参数的对象
React.PropTypes.shape({
  color:React.PropTypes.string,
  fontSize:React.PropTypes.number
})

//必需值
React.PropTypes.number.isRequired

//必需不为空的任意类型
React.PropTypes.any.isRequired

customPropType:function(props,propName,componentName){
  if(!/[0-9]/.test(props[propName]){
    return new Error('inValid');
  }
}