gpt4 book ai didi

reactjs - HTML 特殊字符(& 符号)未在 React 组件中呈现

转载 作者:行者123 更新时间:2023-12-03 13:17:48 25 4
gpt4 key购买 nike

考虑这个 react 代码:

subTopicOptions = curSubTopics.map((topic) => {
return (
<option value={topic.id}>{topic.name}</option>
)
});

topic.name 输出 Environment &要显示的来自 REST API 的森林值。

如何在选择字段中显示环境与森林

最佳答案

您可以使用浏览器的 native 解析器,如 Decode & back to & in JavaScript 的最佳答案中所述。 .

使用DOMParser api,您可以执行以下操作:

const strToDecode = 'Environment &amp; Forest';
const parser = new DOMParser();
const decodedString = parser.parseFromString(`<!doctype html><body>${strToDecode}`, 'text/html').body.textContent;
console.log(decodedString);

您正在做的是使用 DOMParser通过将要解码的字符串附加到 '<!doctype html><body>' 的末尾来创建 HTMLDocument 。然后我们可以访问 textContent 中字符串的解码值。新创建的 HTMLDocument 的正文。

关于reactjs - HTML 特殊字符(& 符号)未在 React 组件中呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47962519/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com