我试图使用ref设置输入的值，但在useCallback钩子中得到的ref为null。let inputRef = useRef(); (data) => { }, );
return <input type="text" r
浏览 54提问于2020-04-12得票数 0
我正在编写一个自定义钩子，并试图创建一个回调引用。我的问题是这个函数设置了ref的current，并且不返回任何东西，但是由于我将它用作ref，typescript对我大喊Property 'current' is missing in type '(代码如下： import React, {useCallback, useRef} from 'react'
const useCustom = (): [RefObject<HTMLDivElement>] =
浏览 51提问于2020-06-13得票数 2
回答已采纳
我有一个钩子谁捕获引用DOM元素的getBoundingClientRect对象。问题是，在第一次渲染时，它返回null，而我只需要在组件上第一次渲染时获取该值。我在一个功能组件中就是这样使用的： const App = () => {
const rootRef = useRef(null);
// get Client={rootRef} >App</d
浏览 97提问于2019-10-05得票数 0
回答已采纳
1回答
当组件定义在另一个组件中时，我不明白为什么输入在输入一个字符之后就失去了焦点。我在其他答案中读到使用参考文献。但不起作用。= useRef(null) return={ref1} text={text1} onChange={onChange1} />
浏览 3提问于2020-07-06得票数 0
我正在开发React中的一个可拖动的carousel滑块，我正在尝试弄清楚如何根据包含的子元素的数量来计算包含div的总宽度。我假设我可以在组件挂载后获得宽度，但它没有返回我期望的结果……我现在假设它需要等待图像加载和挂载才能做到这一点。const Carousel = () => { console.logcarouselStage.scrollWidth);
}, [carouselStage
浏览 89提问于2021-02-14得票数 2
回答已采纳
2回答
第一个console.log (在useEffect钩子中)永远不会执行。我还尝试在回调中添加ref： const setRef = useCallback(node =>
浏览 9提问于2022-06-22得票数 0
2回答
我试过useEffect，useCallback，useRef。唯一起作用的是useCallback，并从我的自定义钩子导出回调，然后在组件呈现时调用它，我认为这是非常丑陋和不正确的。从钩子中突变对象并重新呈现使用它的组件的正确方法是什么？} from "react";
language: "fr",
setLanguage: () =>
浏览 3提问于2022-10-03得票数 1
回答已采纳
我使用以下钩子来获取元素的宽度和高度： const [size, setSize] = useState<Size>({
retu
浏览 1提问于2022-05-17得票数 1
回答已采纳
在进行代码评审时，我遇到了一个自定义钩子： const ref = useRef() ref.current = func return useCallback((...args
浏览 0提问于2021-01-20得票数 0
回答已采纳
我知道ref是一个可变的容器，所以它不应该列在useEffect的依赖项中，但是ref.current可能是一个不断变化的值。当引用被用来存储像<div ref={ref}>这样的DOM元素时，当我开发了一个依赖于该元素的自定义钩子时，假设如果一个组件有条件地返回，ref.current可以随着时间的推移而改变，比如： const ref = useRef(<
浏览 1提问于2020-03-01得票数 56
2回答
Alternatively, wrap the definition of 'callbackFunction' in its own useCallback() Hook.(react-hooks/exhaustive-deps)The ref value 'containerRef.current' will likely have changed by theIf this ref points to a node rendered by React, copy '
浏览 20提问于2021-04-13得票数 13
回答已采纳
3回答
ReactJS与自动对焦
、、、、
我有react-bootstrap模式和<input>模式。我想在<input>上设置自动焦点属性<input type="text" autofocus='true' />下面的选项不工作，因为它们在打开模式时没有聚焦输入：
<input type="text" autoFocus='true' />
浏览 1提问于2019-07-05得票数 8
回答已采纳
所以我有这个方法： //.. other logic here
video.addEventListener( function() { }, );现在它抛出了一个错误，它说
浏览 413提问于2019-07-18得票数 7
回答已采纳
问题1:我不确定我的心理模型是否正确，谁能解释一下为什么会发生这种事？我的代码重新呈现的哪一部分，以及useCallback如何没有意识到sigPad正在从null变为正确的ref</e
浏览 1提问于2020-05-14得票数 0
1回答
我想向React组件中的一个节点添加一个eventListener。我选择了带有useRef钩子的节点。我是useCallback，因为useRef在第一次渲染时是null。const offeringsContainer = useRef(null);
if意思是，offeringContainer.current就是null。id
浏览 65提问于2020-11-28得票数 0
回答已采纳
在我尝试更好地理解React Hooks的过程中，我遇到了一些我没有预料到的行为。我试图创建一个ref数组，并通过传递给我的<div>'s的onRef函数推送到所述数组。因此，我添加了useCallback钩子，以确保我不会多次获得相同的ref，但令我惊讶的是，它仍然会在每次重新呈现时调用该函数。在添加一个空数组作为第二个参数后，refs只在每个组件中触发一次。== null) {
浏览 26提问于2019-03-06得票数 32
回答已采纳
1回答
我在基于类的组件中获得输出，但我想知道如何在函数组件中完成相同的事情 class Apps extends React.Component { return ( <TouchableWithoutFeed
浏览 14提问于2019-09-12得票数 0
回答已采纳
“示例，但我似乎无法让React的类型来确认有人会将useCallback的返回值作为ref传递的情况。我在this CodeSandbox中重新创建了它的基本用法。如果您打开它，您应该会看到此行上的TypeScript错误指示器： <div ref={ref} className="App"> 到底应该如何设置类型才能使其有效，或者是@types/react包中缺少了什么
浏览 63提问于2020-01-23得票数 0
回答已采纳
1回答
我正在构建一个接受函数的自定义钩子。如果函数在重新呈现/更新之间不会改变，我应该在哪里回溯该函数？this hook is called const callbackWrapper = useCallbackRequires more effort by users of the hook co
浏览 0提问于2021-09-21得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
