问题标签 [create-ref]

createRef 和 ref={(c) => this.el = c} 有什么区别？

当我输出每个 ref 具有相同的元素但它不是假的。

为什么？

我正在尝试使用React.createRef
当前代码，Chrome, Firefox, Safari, Edge但 inIE this.calendarRef.curent为空

我知道如何使用 React.createRef() 访问 dom 的单个元素。但我想使用 createRef 访问两个不同的元素。我在stackoverflow上看到了一些用于动态访问多个元素但无法理解的示例。我在这里附上了我想要更改按钮的span标签onClick的背景颜色的简单代码。我跟着这个反应文档。有人可以指导我，我在这里做错了什么。

在上面的代码中，如果用户单击 btn，则应更改相应的跨度颜色。

任何帮助将不胜感激。

这是 jsfiddle 了解更多信息

我的以下代码可能遇到语法问题。随着attrelementRef中代码底部的更新，linting 告诉我：divref

我显然不了解 createRef 的工作原理，并希望得到一些指导。

FC代码：

所以我有一个 DatePicker ChildComponent我需要ref从Parent访问它forwardRef。基本上一切正常。

但是有一个问题。

每次我在 Parent Other ChildComponents上更新与DatePickerChild没有任何关系的内容时， DatePicker 仍在呈现，即使它不应该呈现。

我试图删除 ref 从父级到子级的传递，然后每次我对要解决的其他组件进行更新时，该组件都不再重新渲染。

我已经通过使用优化开始使用回调记忆，useCallback但仍然没有运气。

下面是我的代码：

日期选择器.tsx

我不会只显示我的ParentComponent中的每个代码我传递给 DatePicker 的 props 和 refs。

我错过了什么吗？谢谢你的帮助。

我正在做代码审查，发现另一个开发人员编写的代码，例如：

然后使用 divRef 作为对 DOM 元素的引用。

但是，我知道的模式是createRef在类组件中使用并useRef在功能组件中使用钩子。甚至 ReactJS 官方https://reactjs.org/docs/refs-and-the-dom.html都表示要避免未来 React 版本的内联 ref。它是一种传统的写作模式吗？

到目前为止我可以研究的是，inlineref会渲染两次函数，因此建议避免。

我想知道对此的其他解释是什么？

我收到Property 'checked' does not exist on type 'Switch'.来自TypeScriptforthis.checked和this.disabledcreateRefs 的消息。此外，在最后一行，我也收到了Property 'checked' does not exist on type 'Switch来自TS. 如何修复这些警告？

像这样我有一个组件数组需要引用来触发评论组件折叠，所以我需要创建一些引用来引用每个commentListItem，但是它不起作用，我该如何做呢？

有用于显示或隐藏子评论的 CommentCollapse 组件。

捕捉错误

对这种情况有什么想法吗？

我正在使用 react-day-picker。我想在单击输入后滚动到“日历”-DayPicker 组件（问题是当页面滚动时，日历不在视口中。我尝试了这种方法（简化）：

我能够访问.current但没有 HTML DOM 道具（例如 offSetTop）或函数。有什么猜测吗？

我正在尝试使用 react forwardRef 在一堆子组件中调用一个函数。这是代码。

问题是 createRef 似乎只适用于循环外的组件。你知道这里有什么问题吗？或者不可能做到这一点？