title: React props: Should I pass the object or its properties? Does it make much difference?
body: <p>When passing props should I pass the entire object into the child components or should I individually create props first in the parent component and then pass those props to the child?</p>
  
  <p>Pass entire object:</p>
  
  <pre><code>&lt;InnerComponent object={object} /&gt;
  </code></pre>
  
  <p>Individually create props that're needed first:</p>
  
  <pre><code>&lt;InnerComponent name={object.name} image={object.image} /&gt;
  </code></pre>
  
  <p>Which one is preferred and if it depends, what should I use as a gauge to use either?</p>