導出到 Chrome 調試時，功能性反應組件不會在另一個組件中呈現

Question

我想在另一個組件中渲染一個組件。 通過直接導出到chrome調試window，我測試了以下代碼：

function test() {
    return <p>Test</p>;
}

function app() {
    return <test />;
}

export default app;

我希望結果相當於：

function app() {
    return <p>Test</p>;
}

export default app;

output應該是哪個：

相反，我得到了這個：

任何見解表示贊賞。 我會應要求提供更多信息，但我不確定可能缺少什么。

ps忽略地址欄上的模糊，只使用chrome帳戶

Answer 1

我會首先嘗試將您的組件大寫，即

   function Test () {
     return <p>Test</p>
   }
   function App () {
     return <Test/>
   }