Как я могу нацелить текст в строку и добавить диапазон, чтобы редактировать его специально? - PullRequest
0 голосов
/ 24 февраля 2020

У меня есть строка, которая динамически добавляется в приложение React для веб-сайта.

Например, строка 1: «Привет, меня зовут Ларри, и я люблю пирожки Крабби».

Как мне нацеливайтесь только на имя Ларри, чтобы я мог поставить вокруг него промежуток, чтобы изменить цвет?

что я попробовал очевидное, строка 1: «Привет, меня зовут Ларри, и я люблю пирожки Крабби» ... не сработало , line1: "Здравствуйте, меня зовут + + Ларри + +, и я люблю пирожки Крабби" ... не работает

Много вариантов, но они не работают.

тогда я добавляю это так.

{line1}

1 Ответ

0 голосов
/ 24 февраля 2020

Вы можете попробовать следующее: line1.replace ('Larry', 'Larry'). Чтобы тег появился в HTML, вам нужно будет опасно установить SetInner HTML из React. https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

Таким образом, конечный результат будет выглядеть так:

<div dangerouslySetInnerHTML={line1.replace('Larry', '<span class="red">Larry</span>')}/>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...