使用html react解析器解析锚标记

Question

找不到关于"html反应解析器"；在这里，所以我有以下问题，我试图解析一些html，但不确定在锚标记之间放什么来显示链接，现在链接解析得很好，只是它们没有显示在dom中，它们是不可见的，我尝试<a｛…道具｝>｛domNode.childred[0].data｝，但它表示数据属性"data"在类型"ChildNode"上不存在。

export const htmlParse = {
replace: (domNode: DOMNode) => {

if (domNode.type === 'tag' && domNode instanceof Element && domNode.name === 'a') {

const props = attributesToProps(domNode.attribs)

props.target = "_blank"
props.rel = "noopener noreferrer nofollow" 

// eslint-disable-next-line 
return <a {...props}>{}</a>
}

return domNode
}
}

Answer 1

从昨晚开始，我就一直在处理同样的问题，整晚都在挣扎。在我发现这个之前，我也结束了你的帖子：

https://lightrun.com/answers/remarkablemark-html-react-parser-how-get-acces-to-children-data-property-with-typescript

解决方案是：(domNode.childred[0]作为文本(.data