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


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

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

Похожие вопросы
от 250 000 до 300 000 ₽
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Екатеринбург
от 50 000 до 90 000 ₽