在useRef中获取.current值

文章/答案/技术大牛

发布

1回答

javascript、reactjs

我已经在不同的位置尝试了控制台日志记录timer.current和time，但都不能表示当前计时器以秒为单位显示的内容。const [time, setTime] = useState(0); if (!timer.current) setTime(time => time

浏览 69提问于2020-09-10得票数 1

2回答

为什么setState在useEffect中没有更新到提供给它的ref.current值？

javascript、reactjs、react-hooks

我想要的： to get元素(<ul>)滚动宽度在DOM中的样式属性中setSliderScrollWidth in useEffect应该更新sliderScrollWidth的状态，sliderEl.current.scrollWidth值在useEffect中是可获得的，但仍然在useEffect中sliderScrollWidth是0。另外，我无法在DOM<em

浏览 5提问于2022-03-05得票数 1

1回答

React :功能组件中UseRef的替代方案

reactjs、typescript

是否有另一种方法可以从dom获取/设置比useRef()更便宜的值？useRef()是否应像文档所建议的那样被轻松使用？import React, { useRef, useEffect } from 'react'; const email = useRef</e

浏览 2提问于2019-11-19得票数 1

回答已采纳

2回答

Ref动态反应

reactjs、react-hooks

假设我有一些useRef： const mango = useRef();const potato = useRef(); 和一些数据： {mango: 'yellow', potato: 'pc' } 我迭代数据，由于我的数据键与useRef常量相同，所以我想将数据的值赋给useRef，如下所示： key.<e

浏览 18提问于2021-10-16得票数 0

回答已采纳

4回答

如何使用useRef引用最新值

reactjs、react-hooks

人们使用useRef来保存最新的值，比如下面的代码 const valueRef = useRef(); }); console.log('log2');}// log1因此，在下面的代码中，用旧值打印log1

浏览 5提问于2020-02-14得票数 6

1回答

使用另一个useRef设置ref

react-native、react-native-flatlist、react-functional-component、use-ref

我有一个flatlist，在onViewableItemsChangedRef中，我想在组件中设置另一个ref的值，如下所示： const currentId = useRef(''); const onViewableItemsChangedRef = useRef(({ viewableItems }keyExtractor={(item) => item.

浏览 7提问于2022-08-08得票数 0

1回答

使用useEffect和不使用useEffect的usePreviousDistinct之间的差异

javascript、reactjs、react-hooks

我需要一个钩子来获取特定状态的前一个不同值。=> { }, [state]); }import { useFirstMountState } from '.compare(curRef.current

浏览 1提问于2020-09-07得票数 1

1回答

使用标志切换className

javascript、reactjs、flags、classname

我在控制台中看到了结果，但在JSX上没有同样的结果。变量'visibleTransition‘和'visibleActive’具有正确的值，但仍然没有应用这些值。

浏览 3提问于2022-02-08得票数 0

回答已采纳

1回答

为什么函数没有用‘`useCallback`’在function和Chart.js中更新

reactjs、chart.js、react-chartjs

我要做的事情，：在dragdata插件中，有一个选项可以在options对象中修改带有自定义函数(doc：)的onDragStart和onDragEnd函数。每当更新某个状态时，我希望更改此函数。状态在另一个组件中被更新，我可以通过useEffect钩子监听它的变化。useEffect(()=> {}, [activeState]); 在</e

浏览 7提问于2022-06-21得票数 0

回答已采纳

2回答

如果道具被改变，我可以用什么方式给出初始值，以避免反模式效果

reactjs、react-hooks

如果改变了道具，有什么方法可以得到初始值？我想避免反模式效应。据我所知，出于这些目的，fit useMemo.if还有其他选项可以展示。情景2:在DOM之后在这个变体useLayoutEffect中，useEffect.if还有其他选项，你可以展示给他们看。

浏览 5提问于2019-07-17得票数 2

1回答

引用时缺少useEffect上的依赖关系错误？

reactjs

从这里获取的代码： // Usage // but not test.current one?(); ref.current = value; return

浏览 1提问于2022-10-21得票数 0

1回答

在一次单击中，根据单个websocket流设置两个状态变量

reactjs、websocket、react-hooks、setstate

我想单击一个按钮，在单击按钮时打印价格(状态变量1，guess)，然后5秒后再次打印价格(actual，状态变量2)。 price是数据仓库中的状态变量。不幸的是，guess的值总是等于actual，尽管price已经改变了。

浏览 9提问于2021-12-03得票数 0

回答已采纳

2回答

属性“value”在类型“never”上不存在。在mui中使用useRef钩子时

reactjs、typescript、ecmascript-6、material-ui、react-hooks

我使用material UI构建登录和注册页面，使用useRef返回TextFiled引用实例，使用xxxRef.current.value获取输入值。我可以流畅地运行我的项目，可以正确获取value，但控制台总是提醒我： Property 'value' does not exist on type 'never'.下面是我的代码片段： const accountRef = useRef();

浏览 409提问于2020-04-28得票数 13

回答已采纳

3回答

React contentEditable和光标位置

javascript、reactjs

我有一个简单的组件 constructor(props) { this.handleInput = this.handleInput.bind(this); let html = event.target.innerHTML; this.props.

浏览 3提问于2017-07-25得票数 20

1回答

作为参数传递的useRef的模拟返回值

javascript、reactjs、jestjs

我有以下函数，它以React.useRef()作为参数。当我运行测试时，我会得到以下错误。TypeError: useRef.current.removeChild不是一个函数这是因为在测试期间，我传递的是一个对象而不是一个useRef钩子函数。如何传入模拟的useRef并能够在测试期间传递值和执行removeC

浏览 7提问于2021-11-10得票数 1

1回答

如何从钩子react组件获取TextField(Material-UI)值？

reactjs、typescript、material-ui、react-hooks、use-ref

= useRef<TextFieldProps>(null); console.log(newpassword.currentvalue) //expect the password value but undefined get console.log(againpassword.current?."password" /><&#

浏览 2提问于2020-09-01得票数 1

1回答

如何获取usePrevious钩子的前一值( useRef钩子)

reactjs、typescript、react-hooks

为了实现流畅的动画，我必须创建一个使用setTimeout()函数的呈现循环，该函数每秒钟触发一次，并使用引用最新接收数据的useRef()钩子。bioFeedbackDataAnimation: number; if (stateRef.current) { ApexCharts.exec('realtime', 'updateSeries', stateRef.curre

浏览 13提问于2022-03-14得票数 0

1回答

在react中使用useRef时CSSStyleDeclaration未提供任何值

reactjs、use-ref、line-height

我想在渲染后获取Rect中元素的行高，为此我使用了useRef const titleLineHeight = titletext.current?.style.lineHeight; 我在CSSStyleDeclaration中没有得到任何价值 ? 我不确定如何获取这些值。请帮帮我提前感谢:)

浏览 14提问于2021-11-02得票数 2

回答已采纳

1回答

如何使用React.useRef获取实际的Dom节点？Element.getBoundingClientRect()不处理useRef变量

javascript、reactjs、dom、react-hooks

我试图使用Element.getBoundingClientRect()来获取dom元素的x、y、顶、左值。editorRef.current.focus() // works well const editorNodeRect = editorRef.current.getBoundingClientRect我想使用useRef。首先，rootEditorNode是我通过querySelector得到的，它有getBoundingClientRect()函数，第二个editorRe

浏览 12提问于2020-03-07得票数 4

回答已采纳

3回答

React & Formik innerRef - current.values没有更新

reactjs、formik、react-ref

我试图结合使用Formik和React的useRef钩子来创建对我的表单的引用，然后我可以访问该表单之外的引用。但是，无论我做什么，ref中的值从未像我期望的那样被更新。import React, { useEffect, useRef, useMemo } from "react";importif (formRef.current) { const email = formRe

浏览 13提问于2021-12-27得票数 2

点击加载更多