Question

在我的编码中，我在wwwroot中有一个带有以下代码的html文件。

<xsl:apply-templates select="par" />

我的Sample.js文件包含以下内容

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>sample1</title>
    <script src="/Sample.js"></script>
</head>
<body>
    <h2>Sample1</h2>
<div id="combo1"></div>
</body>
</html>

但是我没有得到render元素...

有人指导我..

非常感谢

Answer 1

您的jsx中的render()有问题

将其更改为这样（即在h2内移动div标记）

render() {
  return (
    <div className="commentBox">Hello, world! I am a CommentBox.
      <h2>hey hello</h2>
    </div>    
  );
}

Answer 2

DOM可能尚未准备好。尝试将脚本移到</body>之前。

我还假设您已经加载了React和ReactDOM软件包，并且正在使用Babel在render方法中处理JSX。

如果不看create react app。

为什么未触发React Render元素

2 个答案: