title: How do you validate the PropTypes of a nested object in ReactJS?
body: <p>I'm using a data object as my props for a component in ReactJS.</p>
  
  <pre><code>&lt;Field data={data} /&gt;
  </code></pre>
  
  <p>I know its easy to validate the PropTypes object itself:</p>
  
  <pre><code>propTypes: {
    data: React.PropTypes.object
  }
  </code></pre>
  
  <p>But what if I want to validate the values inside?  ie.  data.id, data.title?</p>
  
  <pre><code>props[propName]: React.PropTypes.number.required // etc...
  </code></pre>