如何滚动到其他组件中的列表元素?
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
但都是针对单个元素的。
如果我有列表,我需要为每个人创建一个引用吗?帖子列表可以更改,所以我不能这样做。