@daima

Как переопределить react-компонент?

Имеется SPA на react/redux. Есть компонент Brands. Компонент Media похож на него, но данные получает из другого аякс-запроса. Пытаюсь отнаследоваться от Brands, но почему-то componentDidMount в Media запускается от Brands. Как сделать правильно?

class Media extends Brands {
  loadData = async () => {
    alert('sdfdf'); // не выводится
    const { dispatch, dataList, clientId } = this.props;
    if (!dataList && clientId) {
      dispatch(mainLoaderActions.addBlockingRequest("loadMedia"));

      const res = await mediaApi.getBrandsData(clientId);

      dispatch(dataActions.setBrandsList(res));
      dispatch(mainLoaderActions.deleteBlockingRequest("loadMedia"));
    }
  };

  componentDidMount() {
    alert('aaa'); // не выводится
    this.loadData();
  }

  render() {
  • Вопрос задан
  • 467 просмотров
Пригласить эксперта
Ответы на вопрос 1
Zatmil
@Zatmil
Fullstack-разработчик
Не совсем понятна проблема. Вот пример sandbox

Есть компонент Main, в котором есть метод render и есть компонент Second, унаследованный от Main. ComponentDidMount вызывается от Second, а render от Main
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 апр. 2024, в 09:18
500 руб./в час
26 апр. 2024, в 06:46
1500 руб./в час
26 апр. 2024, в 05:31
1000 руб./за проект