未捕获错误:发生了缩小的异常REACT和BACKBONE集成

时间:2016-03-04 01:56:49

标签: javascript backbone.js reactjs

Uncaught SyntaxError: Unexpected token <
当我尝试将REACT与我现有的骨干项目集成时,我得到了上述错误。所以我按照**react.backbone**插件。我在lib文件夹中包含了以下库,并在config.js文件

中调用它
  "react": "libs/react.min",
    "react.backbone": "libs/react.backbone",
    "react-dom": "libs/react-dom",
    "browser": "libs/browser.min",

现在下面的代码我添加到我的骨干视图文件中,如下面的代码。但在渲染时我得到了以下问题。你能帮我解决这个问题吗?我错过了什么。

'use strict';
define(["jquery", 
        "backbone", 
        "common/utils", 
        "coreModule/views/base.view",'react','react-dom', 'react.backbone','browser'],
        function ($, 
                Backbone, 
                utils, 
                BaseView,
                React,reactDom,reactbackbone,browser) {
  var UserViewComponent = React.createBackboneClass({
                render: function() {
                    return (<div>test</div>);
                }
            });
            var UserView = React.createFactory(UserViewComponent);
            var userView = UserView();

// Mount your component directly
            React.render(userView, document.getElementById('test'));
});

先谢谢

1 个答案:

答案 0 :(得分:1)

我从未使用过React Backbone,但我可以从GitHub README看到render方法应该返回JSX,而不是普通的字符串。

即。将渲染定义更改为:

render: function () {
    return <div>test</div>;
}

除此之外,最好遵循警告的建议并使用非缩小库来帮助您找到错误的来源。