Getting DOM node from React child element

Question

Using the React.findDOMNode method that was introduced in v0.13.0 I am able to get the DOM node of each child component that was passed into a parent by mapping

Answer 1

You can do this using the new React ref api.

function ChildComponent({ childRef }) {
  return 
;
}

class Parent extends React.Component {
  myRef = React.createRef();

  get doSomethingWithChildRef() {
    console.log(this.myRef); // Will access child DOM node.
  }

  render() {
    return ;
  }
}