滚动到特定元素（映射一些数据之后）React

Question

我尝试使用 ref，但它不起作用 - 仅滚动到网站底部。 到处找都没找到解决办法，只针对没有map方法的list项。

NameError: name 'code_A' is not defined

Answer 1

试试这个代码。在这里，我在 ul 中添加了一个空白 div 并给出了对它的引用。

////内容

<ul>
{
data.map(user => 
<li key={user.id}>{user.name}</li>
}
<div ref={this.myRef} />
</ul>

并更改 scrollToMyRef() 如下。

const scrollToMyRef() = () => this.myRef.current.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' });