title: Correct way to hide components in React.js
body: <p>Say you are passing a prop called <code>show</code> to a component. If the prop value is true, you should render the full component normally. If it is false, you should not display anything. </p>
  
  <p>You can do this two ways. </p>
  
  <ol>
  <li>return null in the render method of the component. </li>
  <li>apply a CSS class containing <code>display: none</code> attribute to the component's DOM element. </li>
  </ol>
  
  <p>Which ones is the correct or the preferred way?</p>