react markdown如何在div滚动中进行锚点定位

React Markdown本身并不直接提供锚点定位的功能，但可以通过结合其他第三方库来实现。下面介绍一种使用react-scroll组件实现在滚动的div中进行锚点定位的方法。

1. 安装react-scroll库

   npm install react-scroll --save

2. 在React组件中引入react-scroll库

   import { Link } from 'react-scroll';

3. 在Markdown文本中为需要添加锚点的标题设置id属性

   # 第一部分 {#section1}
   
   这是第一部分的内容。
   
   # 第二部分 {#section2}
   
   这是第二部分的内容。
   
   # 第三部分 {#section3}
   
   这是第三部分的内容。

4. 在React组件中使用Markdown组件并添加锚点链接

   import ReactMarkdown from 'react-markdown';
   
   class ScrollableDiv extends React.Component {
     render() {
       return (
         <div className="scrollable">
           <ReactMarkdown
             source={markdownText}
             renderers={{
               heading: props => {
                 const { level, children } = props;
                 const id = children[0].props.value.toLowerCase().replace(/\s/g, '-');
                 return (
                   <Link to={id} smooth={true} duration={500}>
                     {React.createElement(`h${level}`, { id }, children)}
                   </Link>
                 );
               }
             }}
           />
         </div>
       );
     }
   }

在该例子中，我们使用了ReactMarkdown组件，并且为其设置了一个自定义的渲染器。该渲染器用于将Markdown文本中的标题转换成带有锚点链接的HTML标签，并且使用react-scroll库提供的Link组件实现锚点定位的功能。Link组件的to属性指向标题的id属性，smooth属性表示滚动是否平滑，duration属性表示滚动持续的时间。

通过以上步骤，我们就可以在滚动的div中使用React Markdown并且实现锚点定位的功能。