Уроки React JS

#10 - Множественные дочерние компоненты

#10 - Множественные дочерние компоненты

В уроке мы изучим множественные дочерние компоненты. Это позволит контролировать все наши объекты по уникальному ключу, удалять их или же изменять в любое время без потери связи между ними.

Видеоурок

Поскольку первый класс мы не меняли, то ниже приведен лишь второй класс построенный при помощи нового синтаксиса ES6.


Новый класс:

class Field extends React.Component {
	constructor(props) {
		super(props);
		this.state = {
			tasks: [
				'Необходимо купить молоко!',
				'Надо почистить зубы',
				'Просто отдохнуть'
			]
		};
	};
	
	render() {
		return (
			<div className="field">
				{
					this.state.tasks.map (function (item, i) {
						return (<Task key={i}>{item}</Task>);
					})
				}
			</div>
		);
	}
}

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Исходный код

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

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

Загрузка...

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

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

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

Изучение JavaScript от нуля до гуру
21 урок
Изучение таск-менеджера Gulp 4
5 уроков
Изучение библиотек jQuery
24 урока
Создание приложения на React JS / Использование API
7 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Изучение React JS / Redux библиотеки
9 уроков
Комментарии для сайта Cackle