Basic React Prop Passing Example

passProps.js

// <Mother /> is a container component that holds the 
// application's state.
// In this case, <Mother /> holds the family's lastName.

class Mother extends React.Component {
  state = {
    lastName: 'Sanchez'
  }

  render () {
    // Mother passes the lastName down one
    // level to the <Child /> 
    <Child lastName={this.state.lastName} />
  }
}


// <Child /> is a presentational component that 
// displays the lastName.
const Child = ({ lastName }) => <p>{lastName}>/p>