reactjs - html-react-parser：将 DOM 节点替换为另一个包含内部文本子节点的 DOM 节点（A-link）

Question

使用，我需要将我的字符串输出为 JSX，但将所有>html-react-parser替换为 将包含. 换句话说，我将我的 A 链接包装在 LinkContainer 标记中。<a href=...<LinkContainer to={href}><a>..</a></LinkContainer><a>

问题是，我不知道如何表达我要替换的 A-tag 的内部文本，必须包括在内：

parse(successMessage, { 
        replace: domNode => {
            if (domNode.attribs && domNode.attribs.href) {
                return <LinkContainer to={domNode.attribs.href}><a href="#">How to get the Inner Text?</a></LinkContainer>;
            }  
        }}
    );

没有什么像innerText或text不可用。来到我这里的 DOM 节点是

• A标签本身
• 它的子节点，即内部文本，一个单独的节点

Answer 1

我找到了解决方案。您可以只替换 A 标记并从中获取链接的文本domNode.children[0].data。

    parse(successMessage, { 
            replace: domNode => {
                if (domNode.attribs && domNode.attribs.href) {
                    return <LinkContainer to={domNode.attribs.href}><a href="#">{domNode.children[0].data}</a></LinkContainer>;
                }  
            }}
        )