React JS

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

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

Урок #11 - Удаление компонентов и обновление состояний

Урок #11 - Удаление компонентов и обновление состояний


JavaScriptReact JS

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

Видео урок:

Ниже приведен класс Field в новой ES6 разметке:
class Field extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      tasks: [
        'Необходимо купить молоко!',
        'Надо почистить зубы',
        'Просто отдохнуть'
      ]
    };
  };
  deleteBlock = (i) => {
    var arr = this.state.tasks;
    arr.splice (i, 1);
    this.setState ({tasks: arr});
  };
  updateText = (text, i) => {
    var arr = this.state.tasks;
    arr[i] = text;
    this.setState ({tasks: arr});
  };
  eachTask = (item, i) => {
    return (
      <Task key={i} index={i}>
        {item}
      </Task>
    );
  };
  render() {
    return (
      <div className="field">
        {this.state.tasks.map (this.eachTask)}
      </div>
    );
  }
}

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

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

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

Исходный код

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

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

Загрузка...

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

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

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

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

JavaScriptReact JS

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