小编tol*_*olu的帖子

如何滚动到其他组件中的列表元素?

如何滚动到其他组件中的列表元素?

class Posts extends Components {
  render() {
    <ul>
     {this.props.posts.map((post) => 
        <li key={post.id}>{post.title}</li>
     )} 
    </ul>
  }

   //redux
}

class OtherComponent extends Components {
  onClickHandler = (id) => {
     //!!!!!!!!
     //scroll page to li with key={post.id}
  }

  render() {
    <div>
     {this.props.posts.map((post) => 
        <div key={post.id} onClick={() => this.onClickHandler(post.id)}>{post.title}</div>
     )} 
    </div>
  }

   //redux
}
Run Code Online (Sandbox Code Playgroud)

我在这里找到了解决方案:ReactJS how to scroll to an element

但都是针对单个元素的。

如果我有列表,我需要为每个人创建一个引用吗?帖子列表可以更改,所以我不能这样做。

javascript reactjs

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

reactjs ×1