导出到 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/>
   }