react default prop values code example

Example 1: default props react

// ES6 class
class CatComponent extends React.Component {    
  constructor(props) {}    
  render() {        
    return <div>{this.props.catName} Cat, 
      Eye Color: {this.props.eyeColor }, 
        Age: {this.props.age}</div>    
  }
}
CatComponent.defaultProps = {    
  catName: "Sandy",    
  eyeColor: "deepblue",    
  age: "120"
}

Example 2: propTypes

import PropTypes from 'prop-types';

class Greeting extends React.Component {
  render() {
    return (
      <h1>Hello, {this.props.name}</h1>
    );
  }
}

Greeting.propTypes = {
  name: PropTypes.string
};