我是 React Js 新手，我的代码无法正常工作。请看下面：
这是我的脚本文件Main.jsx。该文件由 React 编译，输出放置在“dist”文件夹下的 main.js 文件中。
var react = require("react"),
reactDom = require("react-dom");
var myComponent = react.createClass({
render: function () {
return <div><h4>I am rendered by react.</h4></div>;
}
});
reactDom.render(<myComponent />, document.getElementById("basicDiv"));
It is 索引.html
<html>
<head>
<base href="./" />
<title>App title</title>
<script src="node_modules/react/dist/react.js"></script>
<script src="node_modules/react/dist/react-with-addons.js"></script>
<script src="node_modules/react-dom/dist/react-dom.js"></script>
</head>
<body>
<div id="basicDiv"></div>
<!-- React compiled code is in dist folder and is accessible -->
<script src="dist/main.js"></script>
</body>
</html>
当我在浏览器中运行index.html文件时输出是黑屏。请参阅以下 chrome 开发工具检查器窗口的屏幕截图：
“myComponent”的内容未在浏览器中呈现。我看过很多具有相同代码的教程，但它不起作用......不知道为什么。
请对此提供帮助，如果可能的话，还为我提供一些最新版本的示例代码/教程。提前致谢
Update
请注意，我在 HTML 文件中包含了 React 库引用，这使我在脚本文件中导入 React 时可以自由使用“React”或“react”作为变量名。在这种情况下，不强制使用“React”（大写 R）作为变量名。
最终更新
因此，解决方案（如 Damien Leroux 所回答）是使 React 组件变量名以大写字母开头。 “var myComponent”必须是“var MyComponent”或“var MyComponent”。
