React JS

Курс по React JS для начинающих

14 уроков Консультации Справочник Компилятор
/ Видеокурсы / Курс по 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

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