在 React 中，Refs 是一种获取 DOM 节点或 React 组件实例的方法。然而，在复杂的应用程序中，您可能需要在父组件中访问子组件的 Refs。本文将介绍如何实现这一点。
创建 Refs
首先，我们需要创建一个 Refs。你可以使用 React.createRef() 函数创建一个 Ref。例如：
-- -------------------- ---- -------
----- -------------- ------- --------------- -
------------------ -
-------------
---------- - ------------------
-
-------- -
------ ---- ---------------------- -------------
-
-在这个例子中，我们创建了一个名为 myRef 的 Ref，并将其附加到子组件的 <div> 元素上。
访问子组件的 Refs
要在父组件中访问子组件的 Refs，您需要在子组件中暴露一个公共函数，该函数返回 Ref。例如：
-- -------------------- ---- -------
----- -------------- ------- --------------- -
------------------ -
-------------
---------- - ------------------
-
-------- -
------ -----------
-
-------- -
------ ---- ---------------------- -------------
-
-现在，我们可以通过调用子组件的 getRef() 函数来访问子组件的 Ref。例如：
-- -------------------- ---- -------
----- --------------- ------- --------------- -
------------------ -
-------------
------------- - ------------------
-
------------------- -
-----------------------------------
-
-------- -
------ --------------- ------------------- ---
-
-在这个例子中，我们创建了一个名为 childRef 的 Ref，并将其附加到子组件上。然后，我们可以在 componentDidMount() 生命周期钩子函数中访问子组件的 Ref。
结论
在 React 中，Refs 是一种强大的工具，可以用于获取 DOM 节点或组件实例。通过使用 Refs，您可以方便地访问子组件的状态和行为。希望本文能对你有所帮助！
示例代码：
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6054269f8d846479e750a9fa