Reactjs 我似乎无法对工作做出反应

我一直在尝试设置webpack、babel和npm与react一起工作。我遵循了《代码学院》的指南。在最后一步，他们说创建一个App.js。现在App.js是一个js文件，因此无法编写JSX synthax。这就是我的App.js的外观：

var React = require('react');
var Component = React.createClass({
    render: function (){
        return(
        <p>Hello World</p>
        )
    }
});
module.exports = Component;

var React=require（'React'）；
var Component=React.createClass({
渲染：函数（）{
返回(
你好，世界

)
}
});
module.exports=组件；

---

现在，我知道为什么它在代码的第5行抛出一个意外标记错误。JS无法识别段落标记。我尝试将该文件转换为jsx，但这样就无法将其导入index.js文件。几天来我一直在尝试设置react，这非常令人沮丧，因为我只想很快开始使用react进行编码。

使用create react app创建环境的引导版本。它会让你更快地起床和跑步，而不是试图从头开始学习一切。您将了解更多关于已经工作的环境的基本知识。第一条评论上的链接是开始一切工作的最佳方式