React JS

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

14 уроков 26 заданий Справочник Компилятор
/ Видеокурсы / Курс по React JS для начинающих / Урок #4 - Рендер нескольких компонентов

Урок #4 - Рендер нескольких компонентов

Урок #4 - Рендер нескольких компонентов


JavaScriptReact JS

В этом уроке мы научимся рендерить не один компонент, а сразу несколько компонентов. Также мы рассмотрим некоторые мелкие понятия в React JS, которые в дальнейшем нам пригодятся.

Видео урок:

Недавно вышло обновление, поэтому теперь необходимо создавать класс по-новому. Вот как было раньше:
var Block = React.createClass ({
    render: function () {
      const num = 20;
      return (
        <div>
          <h2>It is {num}</h2>
          <p>Это простой текст</p>
        </div>
      );
    }
  });
Теперь же надо прописывать следующим образом:
class Block extends React.Component {
    render() {
      const num = 20;
      return (
        <div>
          <h2>It is {num}</h2>
          <p>Это простой текст</p>
        </div>
      );
    }
}

Исходный код

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

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

Загрузка...

Домашнее задание

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

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

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

JavaScriptReact JS

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