Web

chat.addMessageReaction(message, reactionID);

let promise = chat.addMessageReaction(message, 'smile');
promise.then(function(imResponse) {
  // Message reaction was added successfully.
}).catch(function(imError) {
  // Failed to add message reaction.
  console.warn('addMessageReaction error:', imError);
});

chat.removeMessageReaction(message, reactionID);

let promise = chat.removeMessageReaction(message, 'smile');
promise.then(function(imResponse) {
  // Message reaction was deleted successfully.
}).catch(function(imError) {
  // Failed to delete message reaction.
  console.warn('removeMessageReaction error:', imError);
});

chat.getMessageReactions(options);

let promise = chat.getMessageReactions({
  messageList: [message1, message2],
  maxUserCountPerReaction: 10,
});
promise.then(function(imResponse) {
  // Batch pulling succeeded.
   const resultList = imResponse.data;
   resultList.forEach((item) => {
     const { messageID, reactionList } = item;
     // The information returned by reactionList is as follows:
     // reactionID - Message reaction ID
     // totalUserCount - Total number of users who reacted with the same reactionID
     // partialUserList - A partial list of users with the same reactionID, including user's userID, nick, and avatar information
   });
}).catch(function(imError) {
  // Batch pulling failed.
  console.warn('getMessageReactions error:', imError);
});

chat.getAllUserListOfMessageReaction(options);

let promise = chat.getAllUserListOfMessageReaction({
  message: message,
  reactionID: 'smile',
  nextSeq: 0,
  count: 100,
});
promise.then(function(imResponse) {
  // Obtained successfully.
  const { userList, nextSeq, isCompleted } = imResponse.data;
  // userList - User information list, including user's userID, nick, and avatar information
  // nextSeq - This field must be passed in for the next page.
  // isCompleted - Indicates whether all user information has been pulled. When isCompleted is true, nextSeq is 0.
}).catch(function(imError) {
  // Failed to obtain.
  console.warn('getAllUserListOfMessageReaction error:', imError);
});

let onMessageReactionsUpdated = function(event) {
  const { messageID, reactionList } = event.data;
  // messageID - Message ID
  // reactionList - Message reaction update list
  reactionList.forEach((item) => {
   const { reactionID, totalUserCount, partialUserList } = item;
   // reactionID - Message reaction ID
   // totalUserCount - Total number of users who reacted with the same reactionID
   // partialUserList - A partial list of users with the same reactionID
  });
};
chat.on(TencentCloudChat.EVENT.MESSAGE_REACTIONS_UPDATED, onMessageReactionsUpdated);