Как выделить слово при наведении курсора мыши в тексте в приложении ReactCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Гость
 Как выделить слово при наведении курсора мыши в тексте в приложении React

Сообщение Гость »


Как выделить слово при наведении курсора мыши в тексте в приложении React

Код: Выделить всё

const text = data[data.length - 1] !== undefined ? data[data.length - 1].taskText : null;

const [hilightWord, setHilightWord] = useState(false);

const hightlight = (text, hilightWord) => {
if (!hilightWord) return text;

const regex = new RegExp(`(${hilightWord})`, "gi");

return text.split(regex).map((substring, i) => {
return (

{substring}

);
});
};

setHilightWord(true)} onMouseLeave={() => setHilightWord(false)}>{hightlight(text, hilightWord)}


Источник: https://stackoverflow.com/questions/781 ... -react-app
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»