我使用react-markdown建立虛擬DOM,它允許只更新變化的DOM而不是完全重寫。它產生
標籤中的內容。我想在
標籤內加上標籤。
<ReactMarkdown components={ { code({ node, inline, className, children, ...props }) { const match = /language-(\w+)/.exec(className || ''); return !inline && match ? ( <SyntaxHighlighter {...props} style={a11yDark} language={match[1]} PreTag="div" > {String(children).replace(/\n$/, '')} </SyntaxHighlighter> ) : ( <code {...props} className={className}> {children} </code> ); }, }} > {content} </ReactMarkdown>
P粉3116177632024-01-18 00:23:45
可能為段落節點類型使用了自訂渲染函數。我不確定,但可能會有所幫助。
import React from 'react'; import ReactMarkdown from 'react-markdown'; const renderers = { paragraph: ({ node, ...props }) => { return <p {...props}><span>在此添加您的附加内容</span>{node.children}</p>; }, // 根据需要使用您的自定义渲染器 }; const content = '在此添加您的markdown内容'; const App = () => { return ( <ReactMarkdown renderers={renderers}> {content} </ReactMarkdown> ); }; export default App;