react移动端通讯录锚点链接

在React移动端通讯录中添加锚点链接可以使用react-scroll库实现。

首先，使用npm安装react-scroll库：

npm install react-scroll

然后，在你的组件中引入库并使用`Link`组件创建锚点链接：

import React from 'react';
import { Link } from 'react-scroll';

function ContactList(props) {
  return (
    <div>
      <ul>
        <li>
          <Link to="a" smooth={true} duration={500}>A</Link>
        </li>
        <li>
          <Link to="b" smooth={true} duration={500}>B</Link>
        </li>
        <li>
          <Link to="c" smooth={true} duration={500}>C</Link>
        </li>
        {/* ... */}
      </ul>
      <div>
        <h2 id="a">A</h2>
        {/* ... */}
        <h2 id="b">B</h2>
        {/* ... */}
        <h2 id="c">C</h2>
        {/* ... */}
      </div>
    </div>
  );
}

export default ContactList;

在上面的例子中，`Link`组件的`to`属性指定了目标元素的ID，`smooth`属性启用平滑滚动效果，`duration`属性指定滚动动画的持续时间。

在目标元素处添加对应的ID属性，让`Link`组件能够正确地跳转到目标位置。