react-markdownを使用してマークダウンをレンダリングする

パッケージを追加します。

yarn add react-markdown

コード例:

import ReactMarkdown from 'react-markdown';

const App = () => {
    const markdown = "# aaa\n## bbb\n### ccc";
    return (
        <ReactMarkdown source={markdown} />
    )
}

export default App;

結果:

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です