title: Do react render props cause remounting of the child components?
body: <p>I was just wondering if people know if using the "render props" pattern causes excessive mounting/unmounting of the child component. 
  For example, adapting from the react docs (<a href="https://reactjs.org/docs/render-props.html" rel="nofollow noreferrer">https://reactjs.org/docs/render-props.html</a>): </p>
  
  <pre><code>&lt;Mouse&gt;
  {mouse =&gt; (
      &lt;ShowMousePosition mouse={mouse}/&gt;
    )}
  &lt;/Mouse&gt;
  
  
  class ShowMousePosition extends React.Component {
    componentDidMount(){
      console.log('mounting!')
    }
    render () {
      const {mouse} = this.props
      return (
        &lt;p&gt;The mouse position is {mouse.x}, {mouse.y}&lt;/p&gt;
      )
    }
  }
  </code></pre>
  
  <p>I know the react docs say:</p>
  
  <blockquote>
    <p>Using a render prop can negate the advantage that comes from using React.PureComponent if you create the function inside a render method. This is because the shallow prop comparison will always return false for new props, and each render in this case will generate a new value for the render prop.</p>
  </blockquote>
  
  <p>But, will "mounting!" be called over and over as the user moves the mouse around? </p>
  
  <p>Thanks!</p>