如何防止React编码href属性

Question

我正在使用ReactDOMServer.renderToStaticMarkup来呈现HTML，这些HTML稍后将由某些第三方库通过替换一些占位符进行处理，例如：

<a href="<%asm_preferences_raw_url%>">Preferences</a>

<%asm_preferences_raw_url%>将替换为实际的URL。问题在于React会自动对href内的所有内容进行编码，并且它变成<%asm_group_unsubscribe_raw_url%>。知道如何防止这种情况吗？

Answer 1

您也可以使用dangerouslySetInnerHTML

const hrefLink = "<a href="<%asm_preferences_raw_url%>">Preferences</a>"

<div dangerouslySetInnerHTML={{__html: hrefLink }}> 

这将在div中包含带有所需锚标记的html。