Задать вопрос
@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>


Вопрос: Как сделать что бы по мимо отображения нужных мне данных в мапе - при вводе символа(или слова) в инпут(поиск), если этот символ или слово встречаются - делать его подсветку.
  • Вопрос задан
  • 733 просмотра
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽