Как предотвратить кодирование атрибута href с помощью React

Question

Я использую ReactDOMServer.renderToStaticMarkup для рендеринга 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 }}> 

В нем будет HTML с тегом привязки, который вы хотите внутри div.