小编Sal*_*ooo的帖子

假设我有一个组件“Post”，它包含多个组件“Comment”。当我输入如下 URL 时，我想让该应用程序在带有该锚点的评论上向下滚动：

/post/:postId/#commentId

我已经在工作 postId 路线/post/:postId

我尝试使用react-hash-link npm 包来实现它，但它没有按预期工作。

每个评论都有自己的 ID，该 ID 在组件上设置，如下所示：

<div class="post">
   <div class="post-header">
      <div class="post-header-avatar">
        SOME TEXT
      </div>
      <div class="post-header-info">
        SOME TEXT
      </div>
   </div>
   <div class="post-content">
      <span>POST CONTENT</span>
   </div>
   <div class="post-likers-container">
      <div class="post-likers-header label">People who like this post</div>
      <div class="post-likers">
          SOME TEXT
      </div>
   </div>
   <div class="post-comments">
      <div class="comments ">
         <div class="comments-all label">Comments</div>
         <div class="comments">
            <div class="comment" id="5d27759edd51be1858f6b6f2">
               <div class="comment-content">
               COMMENT 1 TEXT
               </div>
            </div>
            <div class="comment" id="5d2775b2dd51be1858f6b720">
               <div class="comment-content">
               COMMENT 2 TEXT
               </div>
            </div> …