reactjs - React - 在按钮中使用箭头

Question

我正在尝试在按钮中使用箭头，并且我正在使用此处描述的实体

如果我使用硬编码的这些实体值之一（例如：& larr;），那么会反映更改，但在我的情况下，该值来自 api 调用，并且我正在动态构建它。

当使用来自 api 的值时，会显示文本（又名：& larr;）。

<Button key={element.Id}
         onClick={() => this.onInputChange(element.Id)}>
      {/*{element.Value}*/} &larr;
</Button>

在这种情况下如何处理？尝试使用 javascript eval 但没有帮助。

标签： reactjs

Answer 1

如果你想在动态内容中显示一个 HTML 实体，你会遇到双重转义问题，因为 React 会转义你正在显示的所有字符串，以默认防止各种 XSS 攻击。更安全的替代方法是找到与实体对应的 unicode 编号，并在 JavaScript 字符串中使用它。

{String.fromCharCode(8592)}