Уроки React JS

Урок #5 - Props (свойства)

Урок #5 - Props (свойства)

В этом уроке мы научимся работать со свойствами, а также атрибутами к объектам, которые мы создаем. Мы научимся делать разные объекты с одного компонента.

Видеоурок

Недавно вышло обновление, поэтому теперь необходимо создавать класс по-новому. Вот как было раньше:
var Game = React.createClass ({
    render: function () {
      return (
        <div>
          <h1>{this.props.name}</h1>
          <h2>{this.props.age}</h2>
        </div>
      );
    }
  });
Теперь же надо прописывать следующим образом:
class Game extends React.Component {
    render() {
      return (
        <div>
          <h1>{this.props.name}</h1>
          <h2>{this.props.age}</h2>
        </div>
      );
    }
}

Исходный код

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

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

Загрузка...

Задание к уроку

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

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

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

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

Создание приложения на React JS / Использование API
7 уроков
Изучение библиотек jQuery
24 урока
Изучение таск-менеджера Gulp 4
5 уроков
Изучение JavaScript от нуля до гуру
21 урок
Создание динамического веб сайта
22 урока
Уроки Angular для начинающих
7 уроков