使用react-intl,但是返回值被转义

时间:2019-01-27 20:34:05

标签: reactjs react-intl

我已经搜索了该问题的答案,但找不到合适的答案 想要在我的应用程序中添加一些格式,并且我正在使用react-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

如果我理解正确,这是通过react来完成的,因为它不允许字符串中的<>符号,并且正在转义它们。

就像我在很多地方看到的那样,我可以危险地使用SetInnerHTML,但这不是正确的方法...

将感谢您提供的任何有益建议!

编辑:请注意-如果我不使用FormattedMessage组件,而使用formattedmessage函数,则可以使用危险地使用SetInnerHTML。

1 个答案:

答案 0 :(得分:0)

好吧..我想念我在价值附近...我很糟糕..还是谢谢!