html-react解析器:将DOM节点替换为包含内部文本子节点的另一个DOM节点(A-链接)

Question

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

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

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>;
                }  
            }}
        )