@AnatolyKS

Реализация подсветки найденных значений в React?

Всем привет, есть момент который не знаю как решить.

filteredMessages - отфлитрованный массив с объектами которые соответстуют поиску.
const filteredMessages = useMemo(() => {
    if (history) {
      return history.filter(item => item.text.toLocaleLowerCase().includes(findText?.toLowerCase().trim()));
    }
    return null;
  }, [findText, history]);


Далее маплю этот массив
<ul>
              {filteredMessages.map(message => (
                <li key={message.text + Math.random()}>
                  <span>{message.text}</span>
                </li>
              ))}
            </ul>


Вопрос: Как сделать что бы по мимо отображения нужных мне данных в мапе - при вводе символа(или слова) в инпут(поиск), если этот символ или слово встречаются - делать его подсветку.
  • Вопрос задан
  • 469 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
03 мая 2024, в 00:45
1000 руб./за проект
02 мая 2024, в 23:56
2000 руб./за проект
02 мая 2024, в 23:29
1500 руб./в час