Как в реакте узнать, что компонент промонтировался?

Question

[Chvalov]

Есть код:

import React, {Component} from 'react';
import {Route, Switch} from 'react-router-dom';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import ContentIndex from '../pages/ContentIndex';
import Catalog from '../pages/Catalog';

class Root extends Component {
  
  render(){
      return(
      <div className="all-data">
			<Switch>

				<Route
				exact
				path={"/"}
				component={ContentIndex}
				/>

				<Route
				path={'/catalog'
				component={Catalog}
				/>
              
              </Switch>
       </div>

      )
  }

}

Не знаю как-то реализировать шаблон чтобы при переходе по url загружался спиннер и как только компонент промонтировался прятать спиннер

Ожидаемый результат как здесь - https://nguyenbathanh.github.io

Comments

[Алексей Уколов]

Ну это некст левел уже какой-то же... Вы ведь прям ссылку на код, который вам нужен, в вопросе дали: https://github.com/nguyenbathanh/react-loading-scr...

Answer 1

[khorark]

Метод ComponentDidMount срабатывает тогда, когда компонент примонтирован. Полная инфомарция по методам ЖЦ React здесь .