Render метод наследуется в extends?

Question

[humanIvan]

import React, { Component } from 'react';
import { styles } from '../styles';
import { View, Text } from 'react-native';
import { connect } from 'react-redux';

class Progressbar extends Component {
  constructor(props) {
    super(props);
    this.state = {

    };
  }

  render() {
    
  }
}


export default Progressbar;

render метод наследуется от extends Component??

Почему мы не пишем this.render() ???

Answer 1

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

render метод наследуется от extends Component??

Нет, вы должны определить этот метод сами.

Почему мы не пишем this.render() ???

Потому что это метод жизненного цикла, и как и все методы жизненного цикла он вызывается внутренней реализацией библиотеки. Подробней о жизненном цикле React.Component вы можете почитать тут.

Comments

[humanIvan]

Но это внутрення реализация бибилиотеки, оно приходит к нам из extends Component?

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

humanIvan, что приходит? Метода render в React.Component нет и если вы его сами не определите в консоль вылетят предупреждение и ошибка.

[humanIvan]

То есть я сам определяю, а библиотека просто потом подхватывает. Бибилиотека React.Component?

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

humanIvan, Библиотеки react и react-dom и они не подхватывают, а используют.

Answer 2

[Mykola Ivashchuk]

Происходит создание ( а не вызов ) метода render который возвращает JSX, а JSX где-то и как-то обрабатываеться.

Comments

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

Вы, наверно, будете удивленны, но render возвращает объект вида:

{
  $$typeof: Symbol(react.element),
  key: null,
  props: { className: "greeting", children: "Hello, world!" },
  ref: null,
  type: "h1",
  _owner: null,
  _store: { validated: false },
  _self: null,
  _source: null,
  __proto__: Object,
}

который является ни чем иным как Virtual DOM Node.

А JSX это лишь синтаксический сахар над вызовами React.createElement. Поэтому везде, где вы используете JSX необходимо делать импорт React.

[Mykola Ivashchuk]

Антон Спирин, спасибо за инфу, но ответ на вопрос от этого не изменился.