title: How to use media print within Reactjs web app
body: <p>I would like to hide a div when print preview happens but I find it almost impossible to do it in a React.</p>
  
  <pre><code>&lt;div className="contacts"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is there any possibilities that I can add pure css or if React Stylesheet supports <strong>@media print</strong> and hide element with class name contacts when print preview.</p>
  
  <p>I was reading this article <a href="https://blog.logrocket.com/the-best-react-inline-style-libraries-comparing-radium-aphrodite-emotion-849ef148c473" rel="noreferrer">https://blog.logrocket.com/the-best-react-inline-style-libraries-comparing-radium-aphrodite-emotion-849ef148c473</a> but it just seems too much work for something that I would do poorly in css within a matter of seconds.</p>
  
  <p>Any idea how can I achieve such thing in Reactjs?</p>