title: When a URL has a parameter, why do we place the child component inside an attribute
body: <p>I am currently watching a tutorial on React.</p>
  <p><a href="https://i.stack.imgur.com/P80Je.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P80Je.png" alt="enter image description here" /></a></p>
  <ol>
  <li>Why do we place the <code>&lt;Person /&gt;</code> inside the <code>children</code> attribute instead of between the <code>&lt;Route&gt;&lt;/Route&gt;</code>?</li>
  <li>Why is <code>&lt;Person /&gt;</code> wrapped between <code>{}</code>. I thought that the <code>{}</code> inside a jsx expression signals that everything inside of it are javascript expressions. But <code>&lt;Person /&gt;</code> is not a javascript expression?</li>
  </ol>