Я ищу ответ на этот вопрос и не могу найти хороший ответ. Я пытаюсь отформатировать его в своем приложении, и я использую response-intl.Приложение выглядит следующим образом:
<div>
<FormattedMessage
id={"some.id"}
defaultMessage={`{important} this not bold anymore`}
values={{
important: `<b>Important:</b>`
}}
/>
</div>
Моя проблема в том, что возвращаемое значение экранируется, и я вижу
<b>Important:</b> this not bold anymore
Если я правильно понимаю, это делается по реакции, так какне допускает символы <> в строке и избегает их.
Как я видел во многих местах, я могу использовать опасно SetInnerHTML, но это неправильный подход к этому ...
Буду признателен за любые полезные советы!
РЕДАКТИРОВАТЬ: Просто чтобы быть ясно - опасноSetInnerHTML можно использовать, если вместо использования компонента FormattedMessage я буду использовать функцию formattedmessage .