Как в React проверить, что дочерний компонент загружен и отрисован?

Question

[Ксения]

Есть компонент А и его дочерний компонент Б. Как понять А, что его Б полностью загружен (например, произошло componentdidmount), но не перерисовывать А, а просто узнать?

Answer 1

[Антон Спирин]

Так:

class Child extends Component {
  componentDidMount() {
    this.props.callback();
  }

  render() {
    return (
      <div>Child</div>
    );
  }
}

class Parent extends Component {
  onChildDidMount = () => {
    console.log('Child component was mounted!');
    // do something else
  };

  render() {
    return(
       <Wrapper>
         <Child callback={this.onChildDidMount} />
       </Wrapper>
    );
  }
}