PropTypes: Default Prop Values

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

// Specifies the default values for props:
Greeting.defaultProps = {
  name: 'Stranger'
};

// Renders "Hello, Stranger":
ReactDOM.render(
  <Greeting />,
  document.getElementById('example')
);

You can define default values for your props by assigning to the special defaultProps property.

Related concepts

Default Prop Values

PropTypes: Default Prop Values — Structure map

Clickable & Draggable!

PropTypes: Default Prop Values — Related pages: