import React from 'react';

class App extends React.Component {
   render() {
      return (
         

            
Array: {this.props.propArray}
            
Bool: {this.props.propBool ? "True..." : "False..."}
            
Func: {this.props.propFunc(3)}
            
Number: {this.props.propNumber}
            
String: {this.props.propString}
            
Object: {this.props.propObject.objectName1}
            
Object: {this.props.propObject.objectName2}
            
Object: {this.props.propObject.objectName3}
         
      );
   }
}

App.propTypes = {
   propArray: React.PropTypes.array.isRequired,
   propBool: React.PropTypes.bool.isRequired,
   propFunc: React.PropTypes.func,
   propNumber: React.PropTypes.number,
   propString: React.PropTypes.string,
   propObject: React.PropTypes.object
}

App.defaultProps = {
   propArray: [1,2,3,4,5],
   propBool: true,
   propFunc: function(e){return e},
   propNumber: 1,
   propString: "String value...",
   
   propObject: {
      objectName1:"objectValue1",
      objectName2: "objectValue2",
      objectName3: "objectValue3"
   }
}
export default App;

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';

ReactDOM.render(, document.getElementById('app'));