How to get refs from another component in React JS

Question

The code in main App component is as follows :

class App extends Component {
  componentDidMount(){
      console.log(this.ref);
      debugger;
  }

  render()         


        

Answer 1

If your component are related (parent and child ) you can assign ref to child and can use it in parent

If not then getElementById will come to rescue, but while selecting it please assign html type ex.

const info = (document.getElementById("info") as HTMLDivElement)