在useCallback钩子中获取ref null
在React中，useCallback是一个用于优化性能的钩子函数，它用于创建一个记忆化的回调函数。当组件重新渲染时，使用useCallback创建的回调函数不会被重新创建，而是返回之前创建的回调函数的引用。
在useCallback钩子中获取ref null是指在回调函数中获取一个ref对象的当前值为null。ref是React提供的用于访问DOM元素或组件实例的机制。
使用useCallback钩子可以避免在每次渲染时创建新的回调函数，从而提高性能。当我们需要将回调函数作为props传递给子组件时，可以使用useCallback来确保子组件不会因为父组件的重新渲染而重新渲染。
以下是一个示例代码：
import React, { useCallback, useRef } from 'react';
const MyComponent = () => {
const ref = useRef(null);
const handleClick = useCallback(() => {
console.log(ref.current);
}, []);
return (
<div>
<button onClick={handleClick}>Click me</button>
<div ref={ref}>Hello World</div>
</div>
);
};
export default MyComponent;在上面的代码中，我们使用了useRef来创建一个ref对象，并将其赋值给一个DOM元素。然后，我们使用useCallback创建了一个回调函数handleClick，该函数在点击按钮时会打印ref对象的当前值。
这里需要注意的是，由于我们在useCallback的依赖项数组中传递了一个空数组，所以回调函数只会在组件挂载时创建一次，并且不会有任何依赖项。这意味着无论组件如何重新渲染，回调函数都会保持相同的引用。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 区块链（Blockchain）：https://cloud.tencent.com/product/baas
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaspace
相关·内容
在我尝试更好地理解React Hooks的过程中，我遇到了一些我没有预料到的行为。我试图创建一个ref数组，并通过传递给我的<div>'s的onRef函数推送到所述数组。每次组件重新呈现时，数组都会变得越来越大，这可能只是因为它是一个简单的箭头函数，而不是内存。
因此，我添加了useCallback钩子，以确保我不会多次获得相同的ref，但令我惊讶的是，它仍然会在每次重新呈现时调用该函数。在添加一个空数组作为第二个参数后，refs只在每个组件中触发一次。
下面的代码片段演示了这种行为。
const Example = () => {
const _refs =
浏览 26提问于2019-03-06得票数 32
回答已采纳
我为我的应用程序创建了一个，该应用程序稍后将该值传递给Formik。
问题1:
我对使用react的useEffect和useCallback函数有一些问题。在我添加useEffect之前，handleClear函数工作得很好。但是，在我添加useEffect之后，sigPad returns总是在handleClear中返回null。
我不确定我的心理模型是否正确，谁能解释一下为什么会发生这种事？
问题2:
然而，我意识到，在我删除了[sigPad] at handleClear之后，我能够再次收到裁判。我的代码重新呈现的哪一部分，以及useCallback如何没有意识到sigPad正在从n
浏览 1提问于2020-05-14得票数 0
1回答
当组件定义在另一个组件中时，我不明白为什么输入在输入一个字符之后就失去了焦点。我在其他答案中读到使用参考文献。但不起作用。
不起作用：
import React, { useState, useRef } from "react";
import ReactDOM from "react-dom";
function MyApp() {
const [text1, setText1] = useState("");
const [text2, setText2] = useState("");
const ref1
浏览 3提问于2020-07-06得票数 0
我刚开始使用Typescript，不知道如何输入这种情况。我正在编写一个自定义钩子，并试图创建一个回调引用。我的问题是这个函数设置了ref的current，并且不返回任何东西，但是由于我将它用作ref，typescript对我大喊Property 'current' is missing in type '(node: any) => void' but required in type 'RefObject<HTMLDivElement>'。 提前谢谢你。 代码如下： import React, {useCallback,
浏览 51提问于2020-06-13得票数 2
回答已采纳
我是新的反应和工作的无限滚动组件。多个组件将使用无限滚动，需要同步在一起(即，以编程方式滚动一个元素并滚动其他组件)。
因此，我创建了ScrollProvider，它维护组件之间的滚动状态(即使它们被重命名)，并且一个较低级别的钩子useScrollSync. useScrollState返回一个ref和一个handleScroll回调，修改滚动提供程序中的状态。一切都很好。但是，我想单独测量组件的大小。React提供的示例显示了一个回调，因为这个回调肯定会在组件挂载后执行，并且元素不会为null。问题是div已经有了来自useScrollSync钩子的参考文件。
核心问题
如果除了使用滚动同
浏览 1提问于2020-03-14得票数 3
我知道ref是一个可变的容器，所以它不应该列在useEffect的依赖项中，但是ref.current可能是一个不断变化的值。
当引用被用来存储像<div ref={ref}>这样的DOM元素时，当我开发了一个依赖于该元素的自定义钩子时，假设如果一个组件有条件地返回，ref.current可以随着时间的推移而改变，比如：
const Foo = ({inline}) => {
const ref = useRef(null);
return inline ? <span ref={ref} /> : <div ref={ref} />;
};
浏览 1提问于2020-03-01得票数 56
我正在开发React中的一个可拖动的carousel滑块，我正在尝试弄清楚如何根据包含的子元素的数量来计算包含div的总宽度。我假设我可以在组件挂载后获得宽度，但它没有返回我期望的结果……我现在假设它需要等待图像加载和挂载才能做到这一点。获得<div className="carousel__stage">宽度的最佳方法是什么？
const Carousel = () => {
const carouselStage = useRef(null);
useEffect ( () => {
console.log(carouselStag
浏览 89提问于2021-02-14得票数 2
回答已采纳
1回答
我试图在这里重写下面的代码，它是在流中写入自定义钩子的。我被卡住了钩子不起作用了。你看到我犯了什么错误吗？
我得到的错误是TypeError: elementRefs.ref is not a function
我这样称呼它：
parent.js
import MultiRef from "./MultiRef";
const [elementRefs] = useState(() => new MultiRef());
这是我的版本：
function useMultiRef() {
const map = new Map();
const _refFns =
浏览 2提问于2020-06-29得票数 1
回答已采纳
我试图使用ref设置输入的值，但在useCallback钩子中得到的ref为null。 let inputRef = useRef();
const search = useCallback(
(data) => {
console.log(inputRef);
},
[inputRef],
);
return <input type="text" ref={inputRef} /> 当我调用此函数时，它在浏览器控制台中显示null。 这只是一个例子，展示了我想要实现的目标。
浏览 54提问于2020-04-12得票数 0
1回答
我在基于类的组件中获得输出，但我想知道如何在函数组件中完成相同的事情 class Apps extends React.Component {
handleViewRef = ref => this.view = ref;
bounce = () => this.view.bounce(800)
render() {
return (
<View style={{margin:60}}>
<TouchableWithoutFeedback onPress={this.bounce}>
<
浏览 14提问于2019-09-12得票数 0
回答已采纳
差不多都在标题里。我有一个可滚动的列表，由于maxHeight: '100vh'代码行的原因，它只能滚动。我在列表旁边有一个详细信息卡片，其中包含折叠组件，当单击这些组件时，会展开卡片和整个页面的长度。然而，可滚动列表仍然锁定在前100vh的maxHeight，在这一点上，它只上升到页面的中间。有没有办法用更新后的页面高度重置maxHeight？只需注意，我使用material ui (JSS)来设置样式。 到目前为止，我已经尝试了： const List = ({ match }) => {
const [height, setHeight] = useSt
浏览 21提问于2020-12-08得票数 0
1回答
我做了这个水平滑动器，它左右滚动很好，但是当我试图向左和向右拖动时，它什么也不会做。我想要能够滚动左和右，并拖动左右。
如果我向左或向右滚动，然后移动我的光标，它会一直滚动到左边。
import React, { useRef, useState, useEffect } from "react";
export default function Swiper() {
const ref = useRef(null);
const [startX, setStartX] = useState<number>(0);
const [startScroll
浏览 2提问于2021-05-23得票数 1
回答已采纳
我有一个固定高度的剖面。我不知道组件什么时候挂载(首先呈现)进来的内容是否合适。如果它不适合，那么我需要呈现一个‘读更多’按钮。
看起来是这样的：
我最初将其编写为一个类组件，使用生命周期方法DidUpdate：
类组件
import React, { createRef } from "react"
import styled from "@emotion/styled"
import Section from "../Section"
import ButtonReadMore from "./ButtonReadMore&#
浏览 2提问于2020-04-10得票数 3
回答已采纳
3回答
我希望在每次呈现时测量它的大小，并将其保存到状态。如果元素布局没有更改，则效果不应运行。
使用基于类的组件很容易，其中可以使用。但是，在使用React的功能组件中，我要做什么呢？
我读过关于的文章。如果这是要走的路，你有如何使用它的例子吗？
我制作了一个名为useDimensions的定制钩子。这就是我有多远：
const useDimensions = () => {
const ref = useRef(null);
const [dimensions, setDimensions] = useState({});
useLayoutEffect(
() =>
浏览 1提问于2019-06-24得票数 22
回答已采纳
在进行代码评审时，我遇到了一个自定义钩子：
import { useRef, useEffect, useCallback } from 'react'
export default function useLastVersion (func) {
const ref = useRef()
useEffect(() => {
ref.current = func
}, [func])
return useCallback((...args) => {
return ref.current(...args)
}, [])
}
这个
浏览 0提问于2021-01-20得票数 0
回答已采纳
我正在尝试用钩子来优化我的代码。我正在考虑将所有的底部工作表引用移动到一个useBottomSheet钩子中，这样我就可以共享这些引用，并能够从任何导入引用的组件或使用这些引用的回调中操作底部工作表。所以我有这样的想法：
export const useBottomSheet = () => {
const searchModalRef = useRef<BottomSheetModal>(null);
const handleOpenFilters = useCallback(() => {
console.log('GO');
浏览 4提问于2021-06-03得票数 0
1回答
我正在尝试将Class组件转换为Hook组件，但是很难翻译一些东西：
sceneSetup = () => {
const width = this.el.clientWidth;
const height = this.el.clientHeight;
this.el.appendChild(this.renderer.domElement);
};
如何将this.el? 转换为钩子组件？
同样，在我的呈现方法中，我返回以下内容：
render() {
return(
<div ref={ref => (thi
浏览 2提问于2019-09-30得票数 2
回答已采纳
2回答
我想，在我的代码中，我正在以某种方式遍历这些图像，但我的console.log确实很疯狂。我只有3个图片在每个文件夹。一个叫back，另一个叫front。我怎么能让它显示所有的图像，而不导致应用程序爬行停止。同样，每个文件夹中只有3张图片。
为了简洁起见，我只打算张贴其中一篇。
const [frontImage, setFrontImage] = useState();
const getFrontImage = async () => {
var user = firebase.auth().currentUser.email;
// like t
浏览 2提问于2020-12-16得票数 0
回答已采纳
1回答
我有下一个问题：
export async function updateLessons() {
let data
await database().goOnline().then(async () => {
await database()
.ref('days')
.on('value', snapshot => {
console.log(snapshot.val())
data = snapshot.val();
});
});
return data;
}
当我向下
浏览 4提问于2022-05-19得票数 0
2回答
第一个console.log (在useEffect钩子中)永远不会执行。
第二个console.log打印出{ current: undefined }
import { useEffect, useRef } from 'react'
export default function Home() {
const ref = useRef()
useEffect(() => {
console.log(ref)
}, [ref])
console.log(ref)
return <canvas ref={ref} />
}
浏览 9提问于2022-06-22得票数 0
在父母中：
const [newPinPosition, setNewPinPosition] = React.useState({ lat: 0 , lng: 0 });
const updateNewPinPos = (pos) => {
console.log(pos);
setNewPinPosition({ lat: pos.lat, lng: pos.lng });
};
// in the render method of the parent react component
<Draggable
draggable={drag
浏览 4提问于2022-05-30得票数 0
回答已采纳
根据下面的代码，每当inView为true时，我都需要调用一个函数，但是使用useEffect和useCallback列出依赖项时，我会导致无限循环。我设法避免它的唯一方法是不列出依赖项，但我得到了一个警告，我必须列出它们。我只尝试了useEffect，但结果是一样的，列出了依赖项，我在循环中遇到了问题。代码如下： import { useEffect, useCallback } from "react";
import { useInView } from "react-intersection-observer";
export const useLa
浏览 45提问于2020-09-28得票数 1
回答已采纳
假设我有一个简单的函数组件，它根据过滤器字段呈现许多其他功能组件。HomeView是父函数组件，它使用状态来处理DomainCard (子功能组件)筛选：
const HomeView = props => {
// domains
const domains = useSelector(state => state.domains)
const [nameFilter, setNameFilter] = useState('')
const goToDomainDetailView = id => {
history.push(co
浏览 1提问于2019-10-15得票数 2
回答已采纳
我正在重构一个以前制作的基于类的React应用程序，使其能够使用Hooks实现功能。这是一个简单的鼓机应用程序。我使用.map从一个对象数组中填充页面，该数组包含reach鼓垫及其相关声音的数据。
{soundBank.map((sound) => (
<DrumPad
key={sound.id}
id={sound.id}
letter={sound.letter}
src={sound.src}
handleDisplay={handleDisplay}
浏览 2提问于2020-04-07得票数 0
回答已采纳
3回答
我一直在寻找一种正确的焦点和选择的方法，这是React代码中的复选框。我在下面的示例中使用的方法focus()和select()不起作用：
import React, { useRef } from "react";
export const HelloWorld = () => {
const checkboxref = useRef(null);
const handleOnClick = () => {
checkboxref.current.focus();
checkboxref.current.select();
};
浏览 0提问于2021-02-25得票数 2
2回答
当ref.current在反应中发生变化时，是否有一种方法可以得到通知？就像下面的代码。
const ref = useRef(0);
// pseudo code
ref.addCallback((newValue)=> {
// notified
});
ref.current = 1; // triggers the notification.
浏览 7提问于2022-07-22得票数 1
所以我在我的React应用程序中有一个功能，它将是非常有用的，它可以知道元素是否正在动画/通过关键帧。 我昨天花了一整天的时间尝试了大量的迭代，比如下面的一些东西和许多其他的抽象，但似乎不能让它工作。有什么想法，或者这是不可能的吗？ function useIsAnimating(ref) {
const [isAnimating, setIsAnimating] = React.useState(false);
useEffect(() => {
ref?.current.addEventListener('animationstart', setI
浏览 19提问于2021-01-08得票数 0
我创建了一个自定义钩子，它得到一个ref来检查它的父级顶部或底部的滚动状态，甚至它是否可以滚动。因此，我将一个ref对象传递给我的钩子，但是在开始时，ref是空的，因为在我的钩子中任何东西都不工作，但是我想当我的引用得到正确的值时，用这个正确的值重新调用我的钩子，但是它不能工作，而且我的自定义钩子调用只有一次，它的ref值是空的。
下面是我的钩子：
import { RefObject, useEffect, useState } from "react"
export const useScrollState = <TElement extends HTMLEleme
浏览 5提问于2022-08-14得票数 0
我试图在使用renimatedV2和im滚动时创建一个旋转木马效果，意识到由于useAnimatedStyle挂钩依赖关系，我无法将动画样式应用到视图中。原因是它是一个钩子，我不能将它放在renderItem中。我需要将它放在renderItem中的原因是，插值取决于项的索引。这附近有工作吗？当然，软件豪宅里那些非常了不起的人在创建renimatedV2的时候想到了这一点，但我就是找不到解决方案。
const animatedScale = useSharedValue(1)
const animatedScaleStyle = useAnimatedStyle(() => {
浏览 2提问于2021-06-26得票数 0
2回答
我的项目中出现了无效的钩子调用错误。
<DateBottomSheet
key={keyIndexStartDate}
currentDate={startDate}
headerTitle={moment(startDate).format('MMMM YYYY')}
backdropComponent={renderBackdrop}
ref={sheetRefStartDate}
snapPoints={snapPointsDateSheet}
浏览 8提问于2022-07-26得票数 0
1回答
我创建了简单但工作下拉菜单。在本例中，菜单只包含文本“菜单”，没有样式。
单击“打开菜单”-button时，应用程序显示包含该菜单的div，并添加eventListener以记录单击事件。当添加eventListener和用户单击文档中的任何位置时，函数检查菜单中是否发生了单击，如果是，则什么也不做。如果单击位于菜单之外，则移除eventHandler并关闭菜单。
这玩意有什么问题吗？这方面的主要问题是，当我单击页面上的任何链接时，如果菜单是打开的，我就会收到这样一个令人讨厌的反应警告：
index.js:1警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在
浏览 2提问于2020-09-17得票数 0
回答已采纳
2回答
我正在尝试使用react钩子制作悬停效果，我根据一些教程编写了悬停函数 function useHover() {
const [hovered, setHovered] = useState(false);
const ref = useRef(null);
const handleMouseOver = () => setHovered(true);
const handleMouseOut = () => setHovered(false);
useEffect(() => {
const node = ref.current;
浏览 26提问于2020-05-03得票数 3
1回答
我有一个定制钩子：
const useSomething = () => {
const displayAlert = (text) => {
alert(text);
};
return {displayAlert};
};
现在，我想在代码中的某个地方使用它，如下所示：
const SampleComponent = () => {
const {displayAlert} = useSomething();
const navigateHandler = (event, page) => {
浏览 2提问于2020-11-02得票数 1
回答已采纳
2回答
我有一个问题，原因是ESLINT输出控制台中的一个错误。我想解决控制台中的问题。请检查这里的代码框
更新问题
The 'callbackFunction' function makes the dependencies of useEffect Hook (at line 33) change on every render. Move it inside the useEffect callback. Alternatively, wrap the definition of 'callbackFunction' in its own useCallback
浏览 20提问于2021-04-13得票数 13
回答已采纳
我有一个模式，如果用户单击它外部的，就会关闭。
接近一个传递的isModalOpened，因此只有当isModalOpened为真时，单击状态才会更新。
const [isModalOpened, toggleModal] = useState(false);
const ref = useRef(null);
const clickOut = (e) => {
if (!ref.current.contains(e.target) && isModalOpened) {
toggleModal(false);
}
};
React.useEffec
浏览 3提问于2020-11-14得票数 3
以下是我构建的useFetch代码，它在很大程度上基于几篇关于该主题的知名文章： const dataFetchReducer = (state: any, action: any) => {
let data, status, url;
if (action.payload && action.payload.config) {
({ data, status } = action.payload);
({ url } = action.payload.config);
}
switch (action.type) {
c
浏览 32提问于2019-09-26得票数 0
我有一个函数可以获取数据并更新useState钩子，但是当我在jsx内调用该函数时，它会导致无限循环，在调用函数之前，我尝试在jsx中添加一个条件，以避免无限循环，但是函数不能正常工作。下面是我的代码
我的职能
const fetchDataFnc = (booking) => {
const fleetId = booking.booking_bids_fleet_id
const bookingId = booking.booking_id
console.log("fleetId" ,fleetId)
if(booking.booking_bids_
浏览 5提问于2022-07-29得票数 0
你好，我是ReactJS的新手，我正在使用一个库来验证我的表单。从文档中可以看到用于重置表单验证的函数。从文档中可以看到使用触发按钮onClick (如 )重置表单验证的示例。对于一个条件，我需要重置验证，但不是在触发按钮onClick时，而是当父组件的道具发生更改时。由于这些需求，我还创建了一个函数(useCompare)，用于比较从父组件收到的支持。
简而言之，当从父组件接收到的道具发生更改时，我希望重置我的表单，代码如下所示。
import React, { useRef } from "react";
import { ValidationForm, TextInput
浏览 4提问于2021-05-14得票数 3
回答已采纳
我正在使用IntersectionObserver api来实现无限滚动。当调用回调时，在callback内部，redux状态没有更新的value.The函数：
//function for defining InfiniteScroll
const InfiniteScroll = (parent,target,options,callback,getObject)=>{
const Infoptions = {
root: parent,
rootMargin: '50px',
threshold: 1.0,
浏览 5提问于2022-01-03得票数 2
回答已采纳
我一直在尝试部署我的第一个React，但我似乎无法消除以下警告--在生产过程中，这些警告阻止我进行部署：
第60:11行：“refreshToken”函数使useEffect钩子(在第142行)的依赖项在每次呈现上发生变化。将其移动到useEffect回调中。或者，将'refreshToken‘的定义包装在它自己的useCallback() Hook react钩子/详尽-deps中。
有什么简单的方法可以在不破坏JWT令牌认证的情况下修复这个问题？
AuthContext.js
import React, { useEffect, useState, useCallback } fr
浏览 11提问于2022-05-29得票数 0
回答已采纳
我使用这个钩子来度量div组件()的大小：
function useClientRect() {
const [rect, setRect] = React.useState(null);
const ref = React.useCallback(node => {
if (node !== null) {
setRect(node.getBoundingClientRect());
}
}, []);
return [rect, ref];
}
这是我的组件，简化了。我将它与React一起使用，因为无法用%来设置视图端口的宽度。我想不出别的
浏览 9提问于2021-07-27得票数 0
回答已采纳
我使用useRef保存支柱的最新值，以便以后可以在异步调用的回调(例如onClick处理程序)中访问它。我使用的是ref，而不是将value放在useCallback依赖项列表中，因为我希望值会频繁变化(当这个组件用新的value重新呈现时)，但是很少调用onClick处理程序，所以每次值更改时都不值得为一个元素分配一个新的事件侦听器。
function MyComponent({ value }) {
const valueRef = useRef(value);
valueRef.current = value; // is this ok?
const onClick =
浏览 3提问于2021-06-17得票数 6
2回答
示例是一个功能组件。我使用useRef()钩子来获取ref一个div元素。当示例挂载时，我希望将事件侦听器附加到ref。
const Example: React.FC = () => {
const ref = useRef<HTMLDivElement>(null);
const handleClick = (): void => {
// mouse click logic
};
useEffect(() => {
if (ref && ref.current) {
ref.current.ad
浏览 3提问于2020-04-25得票数 0
当用户悬停在按钮上时，下面的工具提示将调用API。我想知道是否需要使用useCallback或useMemo来避免不必要的API调用？当我需要两个人中的一个时，我仍然很难理解。如果增加它是有意义的，你会怎么做？
const ProfileTooltip = ({ children, userId }) => {
const classes = useStyles();
const [open, setOpen] = useState(false);
const [profileInfo, setProfileInfo] = useState(false);
浏览 2提问于2020-07-29得票数 4
回答已采纳
1回答
当我发现键盘活动时，我想将一个隐藏元素转换为使用钩子(useEffect)的新的react本机版本，使用旧的react生命周期钩子的最初解决方案如下所示- 。
因此，我创建了一个包装子元素的useHideWhenKeyboardOpen函数，如果设备键盘使用useEffect，则应该隐藏该子元素。但在呈现时，不显示子元素useHideWhenKeyboardOpen，而不显示显示的键盘。
当我调试该应用程序时，我看到了以下错误，但我没有完全理解，因为useHideWhenKeyboardOpen函数确实返回了一个<BaseComponent>
ExceptionsManager.
浏览 6提问于2021-08-15得票数 1
回答已采纳
2回答
我正在开发一个reactjs web应用程序，它与一个可靠的智能合约进行交互。 此smartcontract发出事件，我希望在我的web应用程序中侦听此事件。 下面是我的react js文件： import React, { useState, useEffect } from "react";
import getWeb3 from "./getWeb3";
import Contract1 from "./contracts/Contract1.json";
const App = () => {
// Hooked varia
浏览 60提问于2021-04-20得票数 0
回答已采纳
例如，当我单击item2的div时，它会检测到它是ref，所以不会触发警报。
const ref = useRef(null)
const handleClickOutside = (e) => {
if (ref.current && !ref.current.contains(e.target)) {
alert('clicked')
}
}
useEffect(() => {
document.addEventListener('click', handleClickOutside, tr
浏览 2提问于2020-06-15得票数 1
问题：
对不起，现在的情况不只是一见钟情。
我会试着用坚果壳来总结这个问题，这样你就明白了。
在我的UI中，我有一个结果显示，内容取决于两个选择框。
因此，这个应用程序中有两个场景
1.顶部的选择框(方框1)和框2将决定显示的内容。
// when option is changed, set outcome
useEffect(() => {
if (option) {
setOutcome(() => {
if (selected === "algorithm" && option === "pape
浏览 5提问于2022-10-11得票数 0
回答已采纳
1回答
我试图根据条件设置initialRouteName。在第一次运行时，状态是正确设置的，我将进入预期的屏幕，但是当我返回/离开屏幕并返回到它时，useEffect不会再次运行，我看到的是前面的屏幕。
我不知道如何在导航器内正确地处理这个问题。
function ProductNavigator() {
let [initialRoute, setInitialRoute] = useState<string | null>(null);
useEffect(() => {
let getProducts = async () => {
let product
浏览 9提问于2022-03-23得票数 0
回答已采纳
在google检查器中切换桌面视图和移动视图时，我一直会出现内存泄漏错误(但如果我通过拉伸缩小/扩展屏幕)。错误信息是：
我不使用我知道的任何订阅或异步任务。我能想到的唯一原因就是在屏幕切换时，我的AlertDialog组件没有显示出来。那是因为它只是有条件地渲染：
return (
<Screen>
{showDialog === true ?
<AlertDialog /> :
<MainApp />
}
</Screen>
);
如果更改时AlertDi
浏览 12提问于2022-04-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
