Как использовать литералы шаблона (``) внутри литералов шаблона?

Question

У меня есть очень специфический крайний случай, когда мне нужно использовать литерал шаблона внутри литерала шаблона, но я не могу это сделать.

Код выглядит примерно так:

<p>Something something <a href={`${SOMELINK}/blah`}>SomeLink</a></p>

Однако мне придется обернуть это в функцию, при этом сохраняя значение переменной SOMELINK, это вызывает ошибки.Независимо от того, сбрасываю ли я галочки или нет.

someFunction (`<p>Something something <a href={`${SOMELINK}/blah`}>SomeLink</a></p>`)

С экранированными галочками я получаю следующее сообщение об ошибке:

Ошибка: ожидается SOMELINK, но не предоставлено

Без, я получаю:

Неожиданный токен, ожидаемый ","

Как мне справиться с этим?

Редактировать: Вероятно, должно бытьотметил, что код, передаваемый в someFunction, будет обработан и его необходимо использовать.В конечном итоге он будет передан другому тегу через dangerouslySetInnetHTML.Так что это будет выглядеть примерно так:

<div dangerouslySetInnerHTML={{__html: someFunction(`<p>Something something <a href={`${SOMELINK}/blah`}>SomeLink</a></p>`)}}/>

Не уверен, что это уместно, но someFunction просто вносит некоторые изменения в текст.

Answer 1

Вы можете сделать как:

someFunction(`<p>Something something <a href={${SOMELINK}/blah>SomeLink</a></p>`);

Answer 2

Я думаю, что переменная SOMELINK в этом случае недоступна.Сначала вы должны предоставить SOMELINK.

Answer 3

Попробуйте это

someFunction("<p>Something something <a href={"+`${SOMELINK}/blah`+"}>SomeLink</a></p>")

Я думаю, вам также нужно сделать маршрут относительно

"<p>Something something <a href={/"+`${SOMELINK}/blah`+"}>SomeLink</a></p>"

Answer 4

Я думаю, вы слишком усложняете это.Если вам нужно только сохранить значение SOMELINK, это должно работать:

someFunction(`<p>Something something <a href="${SOMELINK}/blah">SomeLink</a></p>`)