Question

代码看起来像这样：

renderComponents : function (overlay) {
    var rtnOne = this.renderOne ('a'); // returns React Components
    var rtnTwo = this.renderTwo ('b'); // returns React Components
    var rtnThr = this.renderThr ('c'); // returns React Components

    ReactDOM.render (
        React.createElement ('div',
            {className : 'bigMama'},
            rtnThr,
            React.createElement ('div',
                {className : 'littleMama'},
                rtnOne,
                rtnTwo
            )
        ),overlay)
    );
},

现在我的想法是，当我通过rtnOne ()更新组件时，我有一个执行此操作的功能。正如您可能注意到的那样，我通过其类将组件附加到DOM中的元素，这显然是错误的。

updateRtnOne : function (a) {
    var rtnOne : renderOne (a);  // returns updated React Components
    ReactDOM.render (rtnOne,,document.getElementsByClassName ('littleMama')[0];
    )
}

如何将ref存储到React <div class='littleMama'></div>，以便我可以将更新的组件从'rtnOne（）传递到其中。根据我的理解，我不能将ref附加到基本的React div元素（它们不是组件）。我怎样才能“获得”<div class='littleMama'></div>所以我可以将组件附加到它上面？

由于

访问React Elements（而不是组件）以重新呈现

0 个答案: