我有一个非常特殊的边缘情况,我需要在模板文字中使用模板文字,但无法完成。
代码看起来像这样:
<p>Something something <a href={`${SOMELINK}/blah`}>SomeLink</a></p>
但是,我必须将其包装在一个函数中,同时保持
SOMELINK
变量的值,这会导致发生错误。无论我是否摆脱壁虱。someFunction (`<p>Something something <a href={`${SOMELINK}/blah`}>SomeLink</a></p>`)
使用转义的滴答声,我得到以下错误消息:
没有,我得到:
我该如何处理?
编辑:应该注意的是,在
someFunction
中传递的代码将被渲染并且需要使用。最终它将通过dangerouslySetInnetHTML
传递到另一个标签中。因此它将看起来像这样:<div dangerouslySetInnerHTML={{__html: someFunction(`<p>Something something <a href={`${SOMELINK}/blah`}>SomeLink</a></p>`)}}/>
不知道这是否相关,但是
someFunction
只是对文本进行了一些修改。 最佳答案
我认为您过于复杂了。如果只需要维护SOMELINK
的值,则应该可以使用:
someFunction(`<p>Something something <a href="${SOMELINK}/blah">SomeLink</a></p>`)