Каким образом свойство this.props доступно в методе render классового компонента?

Question

[Губернатор]

Изучая реакт, столкнулся с нелогичной ситуацией. В методе render доступно свойство this.props но во всех остальных методах класса, это свойство не доступно.
Навязывается вопрос, куда оно подевалось?
Если по логике классов, в методе доступно есть свойство this, оно должно было кем-то инциализировано, а я не могу его достать даже в конструкторе.

Получается на деле нет никакого this.props, и это такой синтаксический сахар на уровне balel?

Я ошибся, в конструкторе this.props доступно.

Подробнее

Когда в конструкторе логирую так:
console.log(this);
Вижу объект класса вместе с props.

Но когда пишу так:

console.log(`props: ${JSON.stringify(this.props)}`);

Получаю undefined


На картинке на первой строке видно серым напиано props: undefined.
На строке ниже развернутые свойства объекта, и там уже есть свосто props с объектом:
{id: 1, name: 'haha', important: true}

Весь код конструктора:

constructor() {
	super();

	console.log(`props: ${JSON.stringify(this.props)}`);
	console.log(``);
	console.log(this);
}

Comments

[WbICHA]

В методе render доступно свойство this.props но во всех остальных методах класса, даже в конструкторе, это свойство не доступно.

Я что-то пропустил и теперь это действительно так?
Или автор просто не смог в классы?

[DimaIs]

WbICHA, подозреваю, второе

[Губернатор]

WbICHA, Dimals, Извиняюсь, в конструкторе props вроде доступно, но все равно не понятно куда он исчезает для остальных методов

[Губернатор]

DimaIs WbICHA
Написал такой конструктор:

constructor() {
		super();
		console.log(`props: ${JSON.stringify(this.props)}`);
	}

Выводит:
props: undefined

Но когда пишу так:

constructor() {
		super();
		console.log(this);
	}

Отображается объект, со свойством props, что за прикол?

[DimaIs]

Губернатор, props инициализируется в классе родителе, а конкретно в React.Component, в конструктор которого вы передаете props super(props). Разумеется, при отсутствии props как таковых или если вы забыли вызвать конструктор родителя, он будет undefined.

[WbICHA]

Губернатор, даже не знаю, может стоить документацию почитать?
https://ru.reactjs.org/docs/react-component.html#c...

Answer 1

[DimaIs]

1.
class AnyCompnent extends React.Component
2.

constructor(props) {
  super(props);
}

Почитайте про наследование классов в JS: ссылка