Reactjs 在Next.js中，如何在搜索栏上设置搜索值后滚动到窗口顶部？

想象一下我在某处有一个按钮。单击时，上面的文本现在转到我的搜索栏。在下面显示的

Input

元素中设置值后，如何使窗口也滚动到搜索栏

{！filteredblogsposts.length&“未找到任何帖子”。}
{filteredBlogPosts.map（（frontMatter）=>(
setSearchValue（任意键）}
//在此处插入您的代码，设置搜索键后如何滚动？
{…前沿物质}
/>
))}

这里是

字段

setSearchValue（e.target.value）}
占位符=“搜索”
value={searchValue}
//或者我应该在这里滚动？怎么用？
自动对焦
onFocus={e=>e.currentTarget.select（）}
/>

这件事容易做吗？如果可能，请提供代码示例

---

谢谢。

如果将来有人会遇到这个问题，我用这个简单的函数解决了它

constscrollsearch=myKey=>{
滚动到（0，0）；
frontMatter.handleSearch（我的钥匙）
};

并通过按钮

onClick

中的

scrollSearch

功能