찾다

 >  Q&A  >  본문

JSX를 사용하지 않고 Next.js의 반응 마크다운 콘텐츠에 새 요소 추가

저는 완전한 재작성이 아닌 변경된 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粉184747536P粉184747536318일 전673

모든 응답(1)나는 대답할 것이다

  • P粉311617763

    P粉3116177632024-01-18 00:23:45

    아마도 단락 노드 유형에 대한 사용자 정의 렌더링 기능을 사용하고 있을 것입니다. 잘 모르겠지만 도움이 될 수도 있습니다.

    으아아아

    회신하다
    0
  • 취소회신하다