【React】锚点效果实现（点击跳转定位位置）（内含demo）

锚点：

超链接的一种形式，快速定位到想要看的位置，常用在文章目录等位置。

那么问题来了

React不支持原生锚点的书写方式

所以怎么在React里实现类似锚点的效果

我的解题思路

1.在 url里 使用 anchor 参数

2.页面 解析 是否有anchor参数对应的id

3.有对应id的话, 滚动到相应位置

代码实践

1.在 url里 添加 anchor 参数

                                    <a link={child.link}>
                                      {child.name}
                                    </a>

2.页面 解析 是否有anchor参数对应的id

A.解析URL函数

  getURLStuff(stuff) {
    let url = window.location.hash;
    let query = url.split("?").length > 1 ? url.split("?")[1] : "";
    let param = !!query ? query.split("&") : [];
    let resultSet = {};
    for (let i =