/ Видеокурсы / Курс по React JS для начинающих / Урок #10 - Множественные дочерние компоненты

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

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


JavaScriptReact JS

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

Видео урок:

Поскольку первый класс мы не меняли, то ниже приведен лишь второй класс построенный при помощи нового синтаксиса 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>
    );
  }
}

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

react_newComponent.zip Необходима подписка!

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

Код из видео урока

Код из урока
Чтобы просмотреть этот код необходимо оформить подписку на сайт

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

Это задание позволяет закрепить ваши знания по какому-либо видеокурсу. Оно является большим и справившись с ним вы полностью освоите данный видеокурс. К заданию также есть "Готовое решение", а также описывается методика решения задания.
PS: подобные задания доступны только при подписке от 1 месяца!

JavaScriptReact JS

Рекомендуемые курсы