@toster111

Как правильно вставить html тег в строку, чтобы он отрисовался как dom элемент?

Здравствуйте!
Нужно в строке текста найти ссылку и сделать ее кликабельной, то есть по сути вырезать текст ссылки и заменить его на тег <a href='ссылка'>ссылка</a>

написала такую функцию
getTitle(title = 'Подробнее по ссылке: https://yandex.ru бла бла') {
    const regExp = /[-a-zA-Z0-9@:%_\+.~#?&\/=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&\/=]*)?/;

    if (title.match(regExp)) {
      const url = title.match(regExp)[0];
      const link = <a href={url}>{url}</a>;

      return title.replace(url, link);
    } else return title;
}


и в результате получаю такую строку: Подробнее по ссылке: [object Object] бла бла
Я понимаю, что тег это объект, поэтому так происходит, но не понимаю как правильно вставить его, чтобы он отрисовался как нормальный dom элемент
  • Вопрос задан
  • 146 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы