Как я могу составить список комментариев с наибольшим количеством голосов в чате в верхней части страницы в ранжированном формате?

#reactjs #firebase #chatroom

#reactjs #firebase #чат

Вопрос:

Итак, я только что закончил настройку системы голосования, в которой каждый раз, когда кто-то нажимает на спрайт лампочки, также добавляется счетчик. Это называется «системой lumen». Сейчас я пытаюсь скомпилировать все комментарии с наибольшим количеством голосов в порядке от самого высокого к самому низкому (это будет называться «lumen room»), который должен обновляться в firebase при одобрении комментария, а затем соответствующим образом обновляться в lumen room. Мое видение состоит в том, чтобы эта комната lumen была расположена в верхней части чата и (в конечном итоге) сворачивалась, чтобы не занимать место без необходимости. Я считаю, что первым шагом является создание поля в firebase под названием lumens с типом number, но я не уверен, что я должен указать значение. Есть идеи?

Кстати, у меня нет ни капли CSS для LumenRoom, поэтому приведенный ниже код — это все, что у меня есть на данный момент. Я считаю, что это может быть релевантный код, но дайте мне знать, если понадобится что-то еще:

 function LumenRoom(){
/*where most relevant/upvoted comments go*/
}

function ChatRoom() {
  const dummy = useRef();
  const messagesRef = firestore.collection('messages');
  const query = messagesRef.orderBy('createdAt').limit(5000);

  const [messages] = useCollectionData(query, { idField: 'id' });

  const [formValue, setFormValue] = useState('');