Get updated props of the child implemented using ReactDOM.render.

file.js

class Parent extends React.Component{

  constructor(props){
    super(props)
  }
  
  open(){
            let _this = this;
            var _html = '<div class="collapsible-body" id="'+eleId+'"></div>';
            taskdetail = ReactDOM.render(<TaskDetail data={_this.props.data}/>, document.getElementById(eleId)); // Child "TaskDetail" does not get updated props.
            $(`.collapsible-header`).parent().append(_html);
        }

  render(){
      return (
          <button onClick={()=>this.open()}> Clikc me </button>
        )
  }
 }