我正在尝试获取一个字符串数组以显示为段落，并允许在这些字符串中使用内联跨度标记。

我的问题是当在段落内添加值时，解码“<”和“>”标签开始和结束到它们的解码值“<”和“>”

有没有一种简单的方法可以在不为这种情况制作特定组件的情况下使其工作？

我的 React 组件如下

const Paragraphs = ({ data, languageText }) => {
    if (data) {
        const texts = languageText[data.languageKey];

        return (
            <section>
                {texts && texts.map(text => <p>{text}</p>)}
            </section>
        );
    } else {
        console.warn(`webpage::element: 'PARAGRAPHS' lack content`);
    }
}
export default Paragraphs;

这是传递给文本的数组

[
"When a Relic is found or assembled from Relic Fragments, a payout is rewarded, based on its rarity. <span style=\"font-weight: bold\">The rarer the item, the higher the payout!</span>",
"In addition to Relics, Gold Coins can also be found."
],