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

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

  1. yarn add react-markdown

コード例:

  1. import ReactMarkdown from 'react-markdown';
  2.  
  3. const App = () => {
  4. const markdown = "# aaa\n## bbb\n### ccc";
  5. return (
  6. <ReactMarkdown source={markdown} />
  7. )
  8. }
  9.  
  10. export default App;

結果:

コメントする

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