Как добавить класс элементу, а после удалить из DOM-дерева без клика в React?

Question

[Kerhin]

Есть проблема с реализацией функции.

Нужно существующему элементу (<div className="block"></div>) добавить класс (скажем с названием .addClass) через 3 секунды после загрузки страницы, а после полностью удалить этот элемент из DOM-дерева, спустя допустим 5 секунд. Но чтобы произошло это все без клика.

Я понимаю, что для этого нужно использовать событие onLoad, условия, таймер-планировщик setTimeout, но к сожалению ничего путного у меня пока не вышло.

Answer 1

[0xD34F]

Пусть будет два булевых свойства в стейте - одно отвечает за рендеринг элемента, другое за добавление класса. В componentDidMount устанавливаете таймауты на изменение этих свойств. Всё.

UPD. https://jsfiddle.net/4yq5du0r/

Comments

[0xD34F]

Максим Зайцев, да. Но должен же автор вопроса сделать сам хоть что-то.