sample.js

import PropTypes from 'prop-types'

const Note = (props) => (
  <div>~{props.content.title}</div>
)

const Notes = (props) => (
  <div>
      There are {props.notes.length} Notes
      {props.notes.map(note => <Note {...note}/>)}
      <button onClick={props.noteHandleClick}>click me!</button>
  </div>
)

const Main = () => (
  <div>
    <Notes />
  </div>
)