Отключение / изменение стиля кнопки через Node.js / API?

Question

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

Для моего приложения MERN есть список сообщений, и у каждого сообщения есть оценка , кнопку upvote и кнопку downvote. Я хотел бы отключить / изменить стиль кнопки upvote / downvote после того, как пользователь проголосует за этот конкретный пост c, но пусть он по-прежнему голосует за другие посты без голосования. Я храню user_id в своих документах в MongoDB и создал маршрут GET, чтобы узнать, кто и за кого проголосовал. Мой вопрос: как бы я go отключил кнопку upvote для определенного сообщения c, за которое проголосовал пользователь?

Я сталкивался с несколькими вещами (res.send, res.render), но я не уверен, есть ли правильный способ, которым я должен идти об этом.

Любое понимание будет высоко ценится:)

Answer 1

В этом случае у вас есть переменная в API в логическом значении. Например, если голосование правдиво, если оно истинно, голосующий проголосовал, а если ложно, избиратель не проголосовал. Во внешнем интерфейсе, если вы используете React, создайте логическое состояние и инициализируйте его как false, например hasVoted: false

Каждый раз, когда вы запускаете GET, проверяйте, является ли переменная из API истинной, и если да, запускайте a setState и измените состояние внешнего интерфейса на true. Затем вы можете изменить функциональность кнопок при рендеринге, если this.state.hasVoted имеет значение true или false соответственно.