score:0

what if you lazy render the child? that is wrap the child in a component that has button which when clicked renders the <recursive /> component

<more>
 <recursive />
</more>
//more component render method
render (){
   if(this.state.show){
    return this.props.children
   }
 // show a button or something else 
   return <button 
         onclick={()=> this.setstate({show: true})}
        label="view more" />
}


Related Query

More Query from same tag