Reactでのchildrenの使い方

Question

問題
https://codepen.io/angelo_jin/pen/BawrpeX

答え
https://codepen.io/angelo_jin/pen/MWEVJNb

わからない箇所
childrenの使い方がドキュメントを見てもいまいちわかりません。（答えの書き方がドキュメントと違う）
例えば2つの関数があって
下にある関数の引数にchildrenと書けば上にある関数を引き継げる、
そして上の関数を表示したい場所に
{children}
と書くことにより関数を表示できる
という解釈でいいのでしょうか？

// 上にある関数
function Child() {
  return <div>This is children content</div>;
}

// 下にある関数
function Parent({ ここにchildrenと書けば上にある関数を引き継げる }) {
  return (
    <div>
      <h3>Parent Component</h3>
      {あとはchildrenと書くことにより上にある関数を表示できる}
    </div>
  );
}

また、補足なのですが
Child関数を表示するだけなら
下記のような書き方でもいいのでしょうか？

function Child() {
  return <div>This is children content</div>;
}

// Add code only here
function Parent() {
  return (
    <div>
      <h3>Parent Component</h3>
下記でChild関数を表示
      <p>{Child()}</p>
    </div>
  );
}

Answer 1

･･･
という解釈でいいのでしょうか？

という質問に対して端的にお答えすると、その解釈ではダメ というものになります。
props の children を理解するには 公式ドキュメント の

props.children は全てのコンポーネントで使用可能です。これには、コンポーネントの開始タグと終了タグの間の全てのコンテンツが含まれています。

という説明をサンプルコードを見たり書いたりして理解するのがよいかと思います。