代码之家  ›  专栏  ›  技术社区  ›  jesper

如何通过React防止编码ref属性

  •  0
  • jesper  · 技术社区  · 7 年前

    ReactDOMServer.renderToStaticMarkup 通过替换某些占位符来呈现稍后将由某些第三方库处理的HTML,例如:

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

    <%asm_preferences_raw_url%> 将替换为实际的URL。问题是React会自动编码里面的所有东西 href 它变成 &lt;%asm_group_unsubscribe_raw_url%&gt;

    1 回复  |  直到 7 年前
        1
  •  0
  •   Vijay Venugopal Menon    7 年前

    你也可以使用 dangerouslySetInnerHTML

    const hrefLink = "<a href="<%asm_preferences_raw_url%>">Preferences</a>"
    
    <div dangerouslySetInnerHTML={{__html: hrefLink }}> 
    

    这将在div中包含您想要的锚标记的html。