Javascript 访问React元素(非组件)以重新渲染
代码如下所示:Javascript 访问React元素(非组件)以重新渲染,javascript,dom,reactjs,components,Javascript,Dom,Reactjs,Components,代码如下所示: 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
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
来响应
,以便将更新的组件从“rtnOne()”传递到它。
根据我的理解,我不能将ref
附加到基本React div元素(不是组件)。如何“获取”
,以便将组件附加到其中
谢谢这就是你想要的通量,或者干脆扔掉组件,在每次更改时重新渲染。谢谢Henrik。我知道通量,我正在重新渲染组件。但是,我想“抓取”组件将在其上重新渲染的react元素。好的,您想对其执行什么操作?将组件附加到div(已通过react.createElement创建)如果您已经渲染过一次,为什么不执行完全相同的过程,而是使用新数据?