将reactjs与requirejs一起使用

最近，我开始reactjs与backbonejs路由器一起使用来构建应用程序。

我通常将use requirejs用于依赖项和代码管理。但是，当我尝试包含包含jsx语法的文件时会出现问题。

这就是我目前所拥有的router.js：

define(["backbone", "react"], function(Backbone, React) {

  var IndexComponent = React.createClass({
    render : function() {
      return (
        <div>
        Some Stuff goes here
        </div>
        );
    }
  });



  return Backbone.Router.extend({
    routes : {
      "": "index"
    },
    index : function() {
      React.renderComponent(<IndexComponent />, document.getElementById('index'));
    }
  });
});

如何将IndexComponent放在其自己的文件中并在此文件中调用它？我尝试了通常的方法（与骨干和反应相同），但是由于jsx语法错误。