Javascript 在简单示例中，React组件未呈现

我希望看到“嗨”，但我认为并没有得到任何错误，也并没有在屏幕上呈现任何内容。求求你，救命

函数myApp（）{
返回Hi；
} 
变量元素=(
);
render（elem，document.getElementById（'div1'）；

m的myApp必须为大写

您的代码应该如下所示：

function MyApp(){
    return <h1>Hi</h1>;
} 
var elem = (
    <div>
        <MyApp /> 
    </div>

);

函数MyApp（）{
返回Hi；
} 
变量元素=(
);

您需要使用

MyApp

而不是

MyApp

原因：

如果

React

组件名称以

小写字母开头，则没有任何
呈现
，并且在浏览器
控制台中不会收到任何错误消息，因为小写字母被视为
HTML
元素，因此所有
React
组件必须以大写字母开头是一条规则

检查工作示例：



函数MyApp（）{
返回Hi；
} 
变量元素=(
);
render（elem，document.getElementById（'div1'）；
我认为这不会有什么不同。这是唯一的语义问题，而不是功能问题。它起了作用。在JSX中，小写标记名被认为是HTML标记。但是，带有点（属性访问器）的小写标记名不是