未捕获的TypeError：TodoList不是函数

Question

define(["backbone", "react", "jsx!view/todoList"], function(Backbone, React, ReactDOM, TodoList) {
  return Backbone.Router.extend({
    routes : {
      "" : "index"
    },
    index : function() {
      console.log("hello world");

      var todos = new Backbone.Collection([
        {
          text: 'Dishes!',
          dueDate: new Date()
        }
      ]);

      React.render(<TodoList todos={todos} />, document.body);
    }
  });
});

我在控制台中得到以下错误:VM7282:19 Uncatted TypeError：TodoList不是函数。

也许问题出在不推荐的JSXTransformer上(https://facebook.github.io/react/blog/2015/06/12/deprecating-jstransform-and-react-tools.html)。建议使用Babel代替（在我的例子中，使用Babel！view/todolist代替jsx！view/todolist）。我对此有一个问题是从哪里导入babel.js。在http://facebook.github.io/react/docs/display-data.html中，他们导入https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js，但是当我做同样的操作时，babel！view/todolist不起作用了。

Answer 1

这可能更多的是主干问题，而不是react问题。我不熟悉Becknow，但对于React，这通常是因为您试图使用一些没有正确导入或定义的组件。

例如，您可能正在尝试执行：

jsx prettyprint-override">React.render(<TodoList todos={todos} />, document.body);

没有正确导入var TodoList=require('./TodoList')

或者实际创建组件。

var TodoList = React.createClass({ 
    render: function() {
    // code code code code
  }
})