27得票3回答
useRef、useMemo、useCallback钩子在生产中的使用案例是什么?

除了许多YouTube教程视频中所见到的计数器示例之外,useMemo和useCallback还有哪些实际/现实世界的用例呢? 此外,我只看过使用useRef钩子的输入焦点示例。 请分享您发现的这些钩子的其他用例。

19得票3回答
在React中使用useRef时,无法将值分配给只读属性“current”。

我在函数组件中使用了React的useRef,以获取HTML对象的链接并将其存储在Recoil原子中。例如: const Children = () => { const [refLink, setSrefLink] = useRecoilState(refLink) retu...

18得票5回答
在React组件中检测首次渲染的正确方法是什么?

我有一个场景,需要检测组件的首次渲染。这里我建立了一个小例子。请问正确的方法是什么? 为什么大多数人建议使用ref而不是普通状态? https://codesandbox.io/s/condescending-burnell-0ex3x?file=/src/App.js import R...

17得票3回答
使用useRef存储先前的状态值

我对使用useRef存储上一个状态值感到困惑。实际上,它如何能够正确显示先前的值?由于useEffect依赖于"value",我的理解是每次"value"更改时(即当用户更新文本框时),它会将“prevValue.current”更新为新键入的值。 但这不是正在发生的事情。在这种情况下,步骤的...

13得票4回答
在React中循环使用useRef来引用元素

使用React,我有一个静态声明的ref列表: let line1 = useRef(null); let line2 = useRef(null); let line3 = useRef(null); ... //IN MY RENDER PART <li ref...

12得票2回答
React:如何在插入(渲染)到第二个容器中后等待ref可用?

编辑:更好的解释 背景: 我从第三方服务器收到一些纯HTML代码,我想要: 将其插入到我的React应用中 修改它 使用原生JS的方法 我可以使用正则表达式修改字符串,并添加任何具有id的HTML标签 然后,我可以像平常一样通过getElementById修改这些元素 使用...

10得票1回答
在React中如何使用Typescript定义<video>引用的类型?

我正在尝试使用React.js中的ref控制视频的播放/暂停状态,我的代码可以运行,但是有tslint错误需要解决: function App() { const playVideo = (event:any) =&gt; { video.current.play()...

9得票2回答
如何在组件中使用React.forwardRef()和自己的ref?

任务 我正在尝试在组件中同时使用React.forwardRef()和React.useRef()。 问题 我只能使用其中之一,要么是myOwnRef,要么是来自forwardRef属性的ref。所以,我不知道如何将它们结合起来使用。 示例代码: interface IExampleInp...

8得票5回答
React - 使用useRef触发表单提交

您好,我正在尝试在表单action="POST"执行之前进行中间函数操作。我尝试了两种方法,首先是使用onSubmit={functionName},但即使在onSubmit函数中返回false,表单仍然执行该操作。其次,我尝试使用useRef来分发提交事件,但没有任何反应? 我需要实际上进行...

7得票1回答
当子组件更新父组件状态时,避免父组件重新渲染。

在我们的React应用程序中,我们有父子组件。 子组件调用父方法来更新父状态值。 这是示例代码: //父组件 const parent = ({ items }) =&gt; { const [information, setInformation] = useState([]);...