var Propsva = React.createClass({
 propTypes: {
 optionalArray: React.PropTypes.array,
 optionalBool: React.PropTypes.bool,
 optionalFunc: React.PropTypes.func,
 optionalNumber: React.PropTypes.number,
 optionalObject: React.PropTypes.object,
 optionalString: React.PropTypes.string,
 },
 getDefaultProps:function(){
 return {
 optionalArray: ['onmpw.com','——跡憶博客'],
 optionalBool: true,
 optionalFunc: function (arg) {
 console.log(arg);
 },
 optionalNumber: 3,
 optionalObject: {
 object1: "objectvalue1",
 object2: "objectvalue2",
 object3: "objectvalue3",
 },
 optionalString: "My Onmpw",
 };
 },
 render:function(){
 return (
 <div>
 <h3>Array:{this.props.optionalArray}</h3>
 <h3>Bool:{this.props.optionalBool}</h3>
 <h3 onClick={this.props.optionalFunc}>Func:click</h3>
 <h3>Number:{this.props.optionalNumber}</h3>
 <h3>Object:{this.props.optionalObject.object1}</h3>
 <h3>Object:{this.props.optionalObject.object2}</h3>
 <h3>Object:{this.props.optionalObject.object3}</h3>
 <h3>String:{this.props.optionalString}</h3>
 </div>
 );
 }
});
ReactDOM.render(
 <Propsva />,
 document.getElementById('content')
);

getDefaultProps:function(){
 return {
 optionalArray: 'onmpw.com——跡憶博客',
 optionalBool: true,
 optionalFunc: function (arg) {
 console.log(arg);
 },
 optionalNumber: 3,
 optionalObject: {
 object1: "objectvalue1",
 object2: "objectvalue2",
 object3: "objectvalue3",
 },
 optionalString: "My Onmpw",
 };
},

propTypes: {
 optionalArray: React.PropTypes.array.isRequired,
 optionalBool: React.PropTypes.bool.isRequired,
 optionalFunc: React.PropTypes.func,
 optionalNumber: React.PropTypes.number,
 optionalObject: React.PropTypes.object,
 optionalString: React.PropTypes.string,
},

getDefaultProps:function(){
 return {
 optionalFunc: function (arg) {
 console.log(arg);
 },
 optionalNumber: 3,
 optionalObject: {
 object1: "objectvalue1",
 object2: "objectvalue2",
 object3: "objectvalue3",
 },
 optionalString: "My Onmpw",
 };
},

var ComponentDefaultProps = React.createClass({
 getDefaultProps: function() {
 return {
 value: 'Default Value'
 };
 },
 render:function(){
 return (
 <div>{this.props.value}</div>
 )
 }
});
ReactDOM.render(
 <ComponentDefaultProps />,
 document.getElementById('content')
);