react-canvas的怪异问题（不变违规）

Question

使用反应0.13.3和新鲜的反应画布。 我越来越

永久违反：addComponentAsRefTo（...）：只有ReactOwner可以具有引用。 这通常意味着您正在尝试向没有所有者的组件（即，不是在另一个组件的render方法内部创建的组件）添加引用。 尝试在包含引用的新顶级组件内部渲染此组件。

用下面的代码。 它是从可编译为jsx的语言生成的，因此即使将其清理了一点也显得有些难看。

define(["reactcanvas", "layout", "jquery", "underscore", "react"],
function(ReactCanvas, Layout, $, _, React){
    var
        ReactCanvas_Surface = ReactCanvas.Surface,
        ReactCanvas_Image = ReactCanvas.Image;

    var ReactCanvas_Surface_Factory = React.createFactory(ReactCanvas.Surface);
    var ReactCanvas_Image_Factory = React.createFactory(ReactCanvas.Image);
    var App = React.createClass({

        render: function render(){
            return (
                ReactCanvas_Surface_Factory({
                        top:0,
                        left:0,
                        width:420,
                        height:420
                    }, ReactCanvas_Image_Factory({
                        src:"img/tits.jpg"
                    }))

            );
        }

    });

    var App_Factory = React.createFactory(App);
    App.createMain = function createMain(el,data){

        React.render(App_Factory(), el[0]);
    }
    return App;

});

Answer 1

显然，在此发布后立即在其他地方得到了答案。 因此事实证明，ReactCanvas模块捆绑了第二版的react canvas，从而造成了问题。