всем привет!

имеется

const myString = "<span>раз два три четыре пять десят</span>"

задача выделить (окружить ключевое слово) слово тегом <mark>

например:

Ищем слово: четыре
Результат: "<span>раз два три <mark>четыре</mark> пять десят</span>"

после чего этот стринг встраивается в DOM  

<div className="content" dangerouslySetInnerHTML={{__html: myString}}></div>

Каким образом можно осуществить поиск, но при этом не осуществлять поиск по тегам. т.е. только по тексту...

Я правильно понимаю, что самый верный вариант - это бегать уже по смонтированному дому и производить манипуляции по выделению?

Есть либы для выделения, но они работают с чистым текстом, без HTML тегов

условно надо реализовать ctrl+f , который имеется в браузере)

https://www.aspforums.net/Threads/211834/How-to-search-text-on-web-page-similar-to-CTRL-F-using-jQuery/Demos/1#

вот кстати пример того чего +- нужно)

парни. Порешал. подключил markjs и по дому прошелся с vanilla js. а то фреймворки модные, тьфу!

Кто может помочь с material-ui?

задавай вопрос

Спасибо большое. Я создал Mega Menu но не могу до конца расширить. Параметр width стоит 100%, а меню слева и справа имеет какой то отступ

Вот скрин

посмотрите инспектором что там за класс, скорее всего это класс самого material-ui который можно переопределить

я об этом

class="MuiPaper-root MuiMenu-paper MuiPopover-paper MuiPaper-elevation8 MuiPaper-rounded"

Все я понял спасибо @css_prime

всем привет. у меня есть компонент настроек с двумя табами (на стейтах). я могу как-то редиректить юзера на этот компонент и автоматически поставить второй таб с помощью react-router-dom?

а у вас при изменение таба меняется url?

нет

а сделать так?

и если у вас функция, которая меняет табы в другом компоненте, пробросить ее, там куда вам надо

не совсем понял. я только что попробовал location.state, всё сработало

В линк можно передавать стейт. https://reactrouter.com/web/api/Link.