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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7得票1回答
如何在 React 中使用 refs 访问映射子元素的值?

我有一个应用程序,从GraphQL数据库中获取数据,然后将其映射到自定义表单组件(数量数字文本框)中。目前,这些组件本身保存了它们各自数量的状态,但我需要能够从父级访问这些值,以便我可以使用应用程序中其他位置的输入更改数量。我查看了如何完成此操作,并且认为这可能是我所需要的内容,但我不知道如何...

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

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