title: What pattern is this that uses an arrow function in React?
body: <p>I’m reading <a href="https://blog.bitsrc.io/5-recommended-reactjs-tips-and-best-practices-6064d4b8e26f" rel="nofollow noreferrer">this article</a> and am seeing an arrow function used inside a component like so:</p>
  
  <pre><code>&lt;Hoverable&gt;
   {hovered =&gt; &lt;div&gt;{hovered ? "I’m hovered!" : "I’m not hovered"}&lt;/div&gt;}
  &lt;/Hoverable&gt;
  </code></pre>
  
  <p>What exactly is this pattern, and when is it useful?</p>