reactjs 展示 markdown 内容

要在React中展示Markdown内容，可以使用第三方库react-markdown。下面是一个简单的示例：

首先，安装react-markdown库：

npm install react-markdown

然后，创建一个Markdown组件：

import React from 'react';
import ReactMarkdown from 'react-markdown';

const Markdown = ({content}) => {
  return (
    <div>
      <ReactMarkdown>{content}</ReactMarkdown>
    </div>
  );
}

export default Markdown;

在父组件中，通过传递Markdown内容来使用该组件：

import React from 'react';
import Markdown from './Markdown';

const App = () => {
  const markdownContent = `
    # Heading 1
    ## Heading 2
    * List item 1
    * List item 2
    * List item 3
    
    This is a **bold** text.
    
    [Visit Google](https://www.google.com)
  `;

  return (
    <div>
      <Markdown content={markdownContent} />
    </div>
  );
}

export default App;

这样，Markdown内容将以HTML格式在React应用中展示出来