title: React router difference between render and children prop
body: <p>I wanted to understand the exact differences between the 2 ways of writing React <code>&lt;Route /&gt;</code> i.e. one with &quot;render&quot; and other with &quot;children&quot; prop;</p>
  <pre><code>// With &quot;render&quot;
      &lt;Route
            path={route.path}
            render={props =&gt; (
              // pass the sub-routes down to keep nesting
              &lt;route.component {...props} routes={route.routes} /&gt;
            )}
          /&gt;
  
  // With &quot;children&quot;
      &lt;Route
              path={route.path}
              exact={route.exact}
              children={props =&gt; &lt;route.component {...props} routes={route.routes} /&gt;}
            /&gt;
  </code></pre>
  <p>Also, with the 2nd use case (i.e. with &quot;children&quot;), what difference does it make when exact property is true v/s false ?</p>