Недавно я начал использоватьreactjs вместе сbackbonejs маршрутизатор для создания приложения.

Я обычно пользуюсь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 синтаксис.