问题标签 [create-ref]

我有以下问题：

我有 ActionWeekModal，其中包含我自己的名为 MList 的自定义组件。在这个 MList 中有一个SwipeListView。我想使用 ActionWeekModal 中 SwipeListView 的引用来触发函数 scrollToEnd()。这应该是可能的，因为 SwipeListView 从 FlatList 继承了这个功能。但是我得到的错误如下：

但我在 MList.js 中使用 React.forwardRef()。我究竟做错了什么？

ActionweekModal.js

MList.js

我有两个 AsyncTypeahead 实例由单独的类在组件中呈现。

为了使模糊函数与正确的字段相关联，我使用了 .getInstance()。

所以在我的构造函数中，我正在使用：

然后我的typahead道具如下：

我的 onBlur 函数如下：

当我标记/模糊我的输入字段时，我收到以下控制台错误：

我可以成功使用以下（this.typeahead.current），但随后我的下拉菜单中的选项混淆了（页面上有两个 AsyncTypeaheads）。

在我的反应开发工具中，使用 current 似乎是指正确的 DOM 元素，但下拉列表中显示的选项是最后模糊的。

因此，如果我从字段 A 中选择一个选项，然后从字段 B 中选择一个选项，一旦我再次单击字段 A，它会在自动填充中显示来自字段 B 的选项。

我想不出还有什么可以尝试的。

谢谢

我有一个反应代码，其中有“ < a > ”组件。当我单击“< a >”时，我想更改它的 href 字段。为此，我有“ref”来获取“onclick”方法中的组件，如下所示：

但结果“href”没有得到更新。单击后它也保持为“#”。知道如何使它工作吗？

在没有导航道具的导航之后，我无法在打字稿中使引用可变以分配current. 面临错误

无法分配给“当前”，因为它是只读属性。

在index.js我有

在navigation.tsx我有

引用从哪里导出值ntfService.ts

按照GitHub 问题中的答案，使用 |null 定义 ref 类型应该使其可变。但似乎就useRef这样。

使用这个https://codedaily.io/tutorials/Create-a-Dropdown-in-React-that-Closes-When-the-Body-is-Clicked我找到了我的解决方案，让我的下拉菜单在点击时关闭外面的任何地方。

但问题是，我有两个相似的下拉组件来获得这个应用，所以当我应用我的最后一个下拉菜单时，我的最后一个下拉菜单工作正常，但不是第一个。我不明白为什么？谁能帮我解决这个问题。

在我的身体 div 处，

或者我可以使用 react-foco 吗？

我使用 FormGroup 和 FormControl（Material UI）创建了一个简单的表单（登录名和密码），一切正常，除了表单始终具有默认值（来自输入的最后一个有效值）

我使用 React.createRef 创建了两个 ref，并将它们分配给输入的 ref 属性，例如 ref={loginField}，然后，在带有 [] 的 useEffect 中，我设置了所有值、支持字段的状态以及参考文献，如 loginField.current.value = '';

但是，它不起作用。似乎 loginField.current.value = '' 没有做任何事情。

这是我的表格

（编辑：我粘贴了整个代码）

但是，它不会清理输入

我在这里想念什么？

提前致谢

拉斐尔

如何访问 ref.current 的内部文本值属性。

通过 console.log(loginField.current) 我得到：

我设置 loginField 的方式是：

和

我需要从以前的值中清除这个 div 的内部输入。（将其设置为''）

提前致谢

拉斐尔

我正在尝试创建滚动到元素，但出现此错误

“TypeError：无法读取 null 的属性‘scrollIntoView’”。通过控制台记录 mapRef 我可以看到我得到了正确的 div。 控制台日志

我正在尝试获取组件的引用，但获取 ref.current null...

我在我的项目中使用reactstrap库...

当我将 ref 用于 div 或任何其他 jsx 元素时，我得到了所有的值、对象和函数。

我得到所有当前值

但是当我尝试将 ref 分配给reactstrap的Card、CardBody、Row、Col、Container等时...我得到了 ref.current 值null

我在 react-native 有问题。

我的应用程序有许多屏幕和表单。我需要为这种风格创建 TextInput 组件并将程序保持在干净的代码中。

这是我的 TextInput 组件：

但是，在 LoginScreen 我有两个文件：电话号码和密码我需要电话号码 TextInput，有下一步按钮和设置属性：

在登录屏幕中，当我使用 Ref 创建 ref 密码字段时，它无法正常工作！我创建的 Ref 不是问题。因为当我删除 CustomTextInput 组件时它可以正常工作。但我需要使用表单组件。

如果您对此有所了解，请指导我。谢谢