dev.to | 📄 原文链接 | 2026-11-14 收录

在 React 里让两个互不相干的组件互相滚动

来源:dev.to — 2026-11-13

📋 概述

教程解决一个很具体的需求:一个可复用的按钮组件,点了要滚到页面另一处的某个区块,而这两个组件彼此不知道对方存在。作者没有用 Link 和 Route,因为它们面向路由跳转;而是先讲清 React 里每个组件像一座孤岛,然后从「找共同祖先」入手,把滚动意图通过共同的父级传下去,最终用 ref 拿到真实 DOM 节点来完成滚动。

🔑 核心要点

💡 金句

“As we know, in React, every component is like an isolated island.”
译:在 React 里,每个组件就像一座孤岛。
← 返回 dev.to 首页