Dado que componentWillUnmount ahora es un método de ciclo de vida heredado en React v17, ¿cuál sería una buena manera de notificar a un componente principal cuando se desmonta su componente secundario?

Mi pensamiento y de las respuestas anteriores, un posible enfoque sería pasar una función como un accesorio de devolución de llamada del componente principal al componente secundario, pero ¿en qué parte del componente secundario se llamaría al accesorio de devolución de llamada? ¿En uno de los métodos del ciclo de vida?

Componente principal

 class App extends Component { constructor(props) { super(props); } childUnmounted(){ console.log('child unmounted') } render() { return ( <div> <Child unmounted={this.childUnmounted}/> </div> ); } }

componente hijo

 class Child extends Component { constructor(props) { super(props); } unmounted(){ this.props.childUnmounted() } render() { return ( <div> <p>Child component<p> </div> ); } }