问题标签 [use-ref]

我正在尝试使用 React Hook JS 不断观察/检测 div 元素的大小。我使用了不同的方法，但每次我看到一个常见的问题，即减小窗口大小不会改变 ref.current.offsetWidth但增加它，会改变ref.current.offsetWidth值。

这是我的代码：

注意：重新渲染整个应用程序会更新尺寸，但我不想刷新整个页面以获得正确的尺寸。

我目前在Cannot read property 'addEventListener' of undefined运行我的反应代码时遇到错误。该代码旨在遍历包含音频文件的列表并获取音频持续时间。该应用程序正确呈现，但我在生命周期中做错了什么。我认为。下面的代码

提前谢谢了

我有一个 Demo.tsx 文件，其中包含以下代码：

下面是我的 functionRefCall.ts 文件的代码：

我将如何测试如果我的 ref 不为空，则调用 functionRefCall 并返回 a+b

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

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

FC代码：

我在我的应用程序中使用 Formik。我需要从 Formik 中获取值并在我的钩子中使用它。

目前我正在使用useRef钩子

以下是我的自定义钩子代码，它需要Formik值

在正文中，即使我在文本字段中输入值，手机号码和密码也始终为空。我在里面调用doRequest方法onSubmitFormik

我正在使用以下内容询问裁判

如果我使用useState了我的所有字段将这些值传递给我的自定义钩子会非常容易，但是由于表单和验证较大，我正在使用 Formik

鉴于我创建了一个参考，我有一个项目列表。

当我onMouseEnter在一个元素上做时，我希望这个 ref 指向那个元素。

我怎样才能做到这一点？

我需要这个 ref 因为我需要在元素旁边显示一个弹出窗口，而 CSS 无济于事，因为元素在 a 内ul，然后是 a containerwithoverflow:hidden

我正在关注这个：将两个 JSON 数据合并为一个具有特定键值的数据

现在，我添加了一个useEffect()钩子。如何使用 useRef 来存储我的结果？这是一个异步函数。

现在我的 {r.court_id} 和 {r.color} 是空的。

我尝试过的事情：

错误： TypeError: result.map is not a function

我正在尝试使用 react useRef 钩子打开文件对话框。

当浏览器执行 fileInputRef.current.click() 代码片段时，我在控制台中遇到错误

错误：文件选择器对话框只能在用户激活时显示

我有一个包含 iframe 的组件，我想在 react 中访问它的内容，我使用 ref 来处理 iframe，如何从 iframe 获取所有锚点标签

这是我的代码：

所以，它运作良好，直到：

它返回 iframe 标记，但这条线不能正常工作

任何解决方案？谢谢

如果我使用useRef([]);正确的方式，我仍然感到困惑，因为itemsRef返回Object {current: Array[0]}。在这里行动：https ://codesandbox.io/s/zealous-platform-95qim?file=/src/App.js:0-1157

// Object {current: Array[3]}在我收到的原始示例console.log(itemsRef);中，不同之处在于我在我的版本itemsRef.current[condition.id]中使用它作为嵌套映射循环，因此i不起作用。