ReactDOM.render不渲染任何东西

Question

在我的主文件中，我有这段代码

     C:\Windows\System32>powershell -command "& {[System.Windows.Forms.MessageBox]::Show('my text')}"
Unable to find type [System.Windows.Forms.MessageBox].
At line:1 char:4
+ & {[System.Windows.Forms.MessageBox]::Show('my text')}
+    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : InvalidOperation: (System.Windows.Forms.MessageBox:TypeName) [],
    RuntimeException
    + FullyQualifiedErrorId : TypeNotFound

“../ components / phone.js”看起来像这样：

import phoneReactElement from "../components/phone.js";

ReactDOM.render(<phoneReactElement />, document.getElementById('phoneComponentTester'));

它似乎正常工作，因为控制台中没有错误，我可以在google chrome工具中看到该元素，但它似乎是空的。它没有显示“IT工作”，我在这里做错了什么？

Answer 1

import phoneReactElement from "../components/phone.js"; 

需要：

import TestComponent from "../components/phone.js";

并呈现它：

ReactDOM.render(<TestComponent />, document.getElementById('phoneComponentTester'));

Answer 2

JSX将小写标记视为常规HTML标记。您应该将phoneReactElement重命名为PhoneReactElement或其他以大写字母开头的内容。

有关详细信息，请参阅the docs。