Seit kurzem benutze ichreactjs zusammen mit einembackbonejs Router, um eine Anwendung zu erstellen.

Ich benutze in der Regel verwendenrequirejs für Abhängigkeits- und Codeverwaltung. Es tritt jedoch ein Problem auf, wenn ich versuche, Dateien einzuschließen, die enthaltenjsx Syntax.

Dies ist, was ich so weit wie meine haberouter.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'));
    }
  });
});

Wie lege ich IndexComponent in eine eigene Datei und rufe sie in dieser Datei auf? Ich habe die übliche Methode ausprobiert (die gleiche, die ich mit Backbone verwendet habe und reagiere), habe jedoch einen Fehler aufgrund vonjsx Syntax.