我似乎无法让React工作

Question

我一直在尝试设置webpack，babel和npm来处理反应。我遵循了codeacademy的指南 - https://www.codecademy.com/articles/react-setup-v。在他们的最后一步，他们说要创建一个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;

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