javascript - React：移动到我的反应应用程序的特定子组件

Question

我有一个回调函数，它接收来自子组件（此处为 CardTiles）的参数，它被处理并作为道具传递给另一个子组件。输出显示正确，但我必须将我的页面移动到该特定部分（第二个子组件-OutputWindow）。如何从我的第一个子组件触发锚标记？或者裁判会在这里工作吗？子组件 1：

<CardTiles  parentCallback={handleCallback}/>

子组件 2：

<OutputWindow name={place}/>

标签： javascriptreactjs

Answer 1

或者裁判会在这里工作

是的。在父级中有一个 ref，将其放在子级 ( ref={theRef}) 上，让子级将该 ref 转发到它呈现的最外层（可能）HTML 元素，然后在回调函数中让代码使用theRef.current?.scrollIntoView()¹ 将该元素滚动到视图中。

更多的

• 参考文献
• 转发参考
• scrollIntoView

---

¹ 那是使用可选链接，这是相当新的。如果您的项目没有为此设置，您可以改用它if (theRef.current) { theRef.current.scrollIntoView(); }。