React ref不能写在render之外的地方，那有这种需求的时候怎么办

发布网友发布时间：2022-05-20 03:49

共1个回答

热心网友时间：2023-10-23 16:34

例如点击按钮就新增一个子组件，同时需要使用ref引用子组件，我像下面这样把ref写在handleClick里面时，因为不在render里面，会报错:addComponentAsRefTo(...): Only a ReactOwner can have refs.
var Father = React.createClass({
getInitalState:function(){
return {children:[]}
},
handleClick:function(){
var childrenTemp = this.state.children
this.setState{children:childrenTemp.push(<Child ref="childRef">)}
},

render:function(){
return (
<div>{this.state.children}</div>
)
}
})

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com