Уроки React JS

#5 - Использование свойств (Props)

#5 - Использование свойств (Props)

В уроке мы научимся работать со свойствами, а также атрибутами объектов. На основе лишь одного компонента мы создадим разные объекты для вывода информации на экран.

Видеоурок

Недавно вышло обновление, поэтому теперь необходимо создавать класс по новому. 


Так было раньше:

var Game = React.createClass ({
	render: function () {
		return (
			<div>
				<h1>{this.props.name}</h1>
				<h2>{this.props.age}</h2>
			</div>
		);
	}
});
Теперь надо прописывать так:
class Game extends React.Component {
	render() {
		return (
			<div>
				<h1>{this.props.name}</h1>
				<h2>{this.props.age}</h2>
			</div>
		);
	}
}

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Уроки Angular для начинающих
7 уроков
Изучение React JS / Redux библиотеки
9 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Уроки Node JS и Express для начинающих
17 уроков
Уроки Vue.js для начинающих
10 уроков
Комментарии для сайта Cackle