Как к React коду реализующий «лайки» прилепить localStorage.setItem и localStorage.getItem?

Question

[yuriytkachenko]

Есть код на js который реализует кнопку при нажатии на которую справа число увеличивется на 1, (по сути это имитация лайков) и сохраняется в loacalStorage чтобы после перезагрузки страницы "лайки" остались.
Вот код JS:
https://jsfiddle.net/8nqa7ejx/1/
Но мне нужно чтобы это было реализовано на React. Само добавление числа на 1 я реализовал а вот как прилепить к коду localStorage не знаю. Подскажите пожалуйста.
Вот мой код на React:
https://jsfiddle.net/tm9d13hz/1/

Answer 1

[0xD34F]

state = {
  likes: localStorage.getItem('likes') | 0,
}

plus = () => {
  this.setState(({ likes }) => ({
    likes: likes + 1,
  }), () => localStorage.setItem('likes', this.state.likes));
}

Comments

[yuriytkachenko]

не работает(
https://jsfiddle.net/50kmL9yx/

[0xD34F]

yuriytkachenko, по-вашему, нет разницы между "likes" и "like"? Ну так вы ошибаетесь - она есть.

[yuriytkachenko]

0xD34F, уже вижу ошибку) спасибо)