问题标签 [react-ref]

我有一个无法编辑的 React 组件InputComponent，我想获得对其内部 div 之一的引用。（例如为了专注于输入字段）。

我如何实现这一目标？

如何在没有指定 id的情况下将 React Ref 与 jQuery lib 一起使用？

我想分享我发现的经验

我有一个要求，我必须使用 React.createRef() 从父组件调用子组件中存在的函数，但这里的问题是它是多级子组件。

我能够调用“ChildComponent1”组件中存在的函数，但无法从“父”组件调用“ChildComponent2”组件中存在的函数。请告诉我一个正确的方法来做到这一点。

这是我的 parent.js 文件

这是我的 ChildComponent1.js 文件：

这是我的内部 ChildComponent2.js 文件：

我尝试了许多不同的语法，但我无法完成这项工作。我正在尝试访问 HOC 内包装组件的 div 元素，以便我可以使用它来初始化我的谷歌地图实例，这需要一个 HTML 节点作为第一个参数。我没有使用类组件。据我了解，我需要在子组件中创建 ref 并在 HOC 中创建 forwardRef 。但我也尝试以相反的方式做，但没有运气。我当前的代码如下所示：

包装组件：

在我的项目中，我使用了类组件而不是功能组件，因为我在每个网站中都获得了所有功能组件。你能帮我将功能组件转换为类组件吗？请帮助我默认选择提供多个链接所需的第一个值。

这是代码沙盒代码https://codesandbox.io/s/material-demo-dt504

如果您正在使用第 3 方组件并且您想调用该组件的方法，您如何获得对它的引用以便可以调用它？React 曾经有一个称为 prop 在父组件中调用 this.refs.myrefname.somemethod() 的地方，但看起来 react 删除了 ref prop。

现在怎么能做到同样的事情呢？

我有一个 React 组件，它有一个input带有附加ref的元素。我知道共同点：inputRef.current.focus();使用 ref 来聚焦文本输入。但是，我正在努力寻找一个好的解决方案来从inputRef.current. 我试过了：

但是，这似乎没有任何作用。

我正在尝试filtered使用 useRef 即清除反应表组件的状态。ref.current.setState({...}). 这是我的组件的一个片段：

我在 UI 中有一个选择输入，它绑定到props.selectedDealer我想在用户更改时清除反应表的过滤器props.selectedDealer。react table 组件在组件中不可用，Customers但在层次结构中处于非常低的级别：

Customers > CustomersTable > AppTableWrapper > AppTable > ReactTable.

我正在传递customerTableRefto ReactTable。在开发工具中，我可以看到 ref 被组件选项夸大了，但customerTable.setState({ ...customerTable.state, filtered: []})没有改变ReactTable.

我需要访问“编辑器”，它是在我的父组件（Editor.js）中定义的引用。我的子组件（Toolbar.js）具有需要编辑器参考的功能 imgChangeHandler。做这个的最好方式是什么 ？

Editor.js（父）：

Toolbar.js（子）：

我正在使用 React Native 构建聊天消息页面。

我有以下代码：

因此，当我按下按钮“滚动到底部”时，我希望 ScrollView 滚动到页面末尾，但出现错误：

TypeError：_this5.scrollRef.scrollToEnd 不是函数。（在 '_this5.scrollRef.scrollToEnd()' 中，'_this5.scrollRef.scrollToEnd' 未定义）