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

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