反应如何设置组件ID以能够使用document.getElementById（）

Question

I have read a few questions, and I thought that just setting the id like the following should work:

<MyComponent id="myId"/>

But when I call document.getElementById() on the id, I get null and when I inspect the page, the component has an empty id.

What am I missing?

Answer 1

As @Lekhnath mentioned your MyComponent root elements id can be used to access the component. Something like below where you can access element with "componentId":

class MyComponent extends Component{
  render(){
  return <div id="componentId">
             ...your child component details here
         </div>
  }
}