Tengo un componente principal y un componente secundario. Tengo que obtener la id del componente secundario en el componente principal y colocar el botón en el componente principal usando ReactDom.render(somebutton, Id_of_the_child) .

Este que he escrito en el componente se actualizó. Pero no está funcionando. ¿Alguien puede ayudarme con esto por qué esto no funciona? No se puede obtener la id del niño en el padre mismo.

Index.js :

 import React, { Component } from "react"; class parentComponent extends Component { constructor(props) { super(props); } onClick = () =>{ console.log("some functionality is done") } componentDidMount(){ if(document.getElementById("child_place_holder")){ ReactDOM.render(< button onClick={this.onClick} />,$("#child_place_holder")[0]); } } render() { return ( <div> <ChildComponent/> </div> ); } } export default parentComponent;

ChildComponent.js :

 import React, { Component } from "react"; class ChildComponent extends Component { constructor(props) { super(props); } componentDidMount(){} render() { return ( <div> <span id = "child_place_holder"> </span> </div> ); } }