Как сделать кнопку лайк для поста React Redux Firebase?

Question

[SeniorScript]

Доброго времени суток!
Как сделать кнопку лайк для поста React Redux Firebase?

Answer 1

[Валерий]

1. Создать компонент лайк

В Firestore у вас должны храниться посты, желательно, чтобы у постов было поле likes: [...userId], чтобы пользователь не мог лайкать пост бесконечно.

2. Рендерите компоненты постов. если у поста в likes есть id пользователя, то блокируете кнопку лайка.
3. в редаксе просто синкаете, like action - если запрос на лайк резолвнулся успехом, обновляете state постов локально.
Это лишь мое мнение по реализации, комментарии приветствуются

Comments

[SeniorScript]

Только проблема в том что любой пользователь может поставить лайк(то есть ему не нужно логиниться в систему).
Есть в firestore поле posts, в котором находятся так званые id каждого поста, перейдя по которому нам показываются свойства поста(title,content,category и т.д., ну и конечно likes). И нужно сохранять id поста который пользователь лайкнул в localstorage. Если id поста находиться в localstorage, то на лайк пользователь не может нажать.