如何在字符串中插入标签以替换字母并对其进行自定义？

Posted 2023-02-23

【中文标题】如何在字符串中插入标签以替换字母并对其进行自定义？

【英文标题】：How to insert a tag in a string to replace a letter and to customize it?

【发布时间】：2021-03-30 11:10:02

【问题描述】：

我想插入一个 html 标记以自定义单个字母。问题是结果是[object object]。 什么错误？

const getAndChangeCustomI = (content) => 
    let iIndex = content.indexOf("i");
    let insert = [];
    insert.push(<span className="customLetterI" > I</span>)
    content.slice(0, iIndex) + content.slice(iIndex + 1);
    if (iIndex > 0) 
        return content.substring(0, iIndex) + insert[0] + content.substr(iIndex);
    
    return insert + content;

【参考方案1】：

您正在尝试将字符串与节点数组连接。您应该将返回值构造为节点以保留跨度：

return <>content.substring(0, iIndex)insert[0]content.substr(iIndex)</>;

【讨论】：

嗨，它也不起作用。我得到的只是 [object object]，没有任何字符串。

您确定没有其他影响吗？我可以使用上述建议运行您的代码，并且效果很好：codesandbox.io/s/goofy-saha-7tmch

您好，您的代码运行良好，问题是内容标签中的“dangerouslySetInnerHTML”。非常感谢。