在useEffect中，调用update时是否所有变量都会更新？
在useEffect中，调用update时并不会导致所有变量都更新。useEffect是React中的一个钩子函数，用于处理副作用操作，比如数据获取、订阅事件、手动修改DOM等。它接收两个参数，第一个参数是一个回调函数，第二个参数是一个依赖数组。
当依赖数组为空时，useEffect中的回调函数只会在组件首次渲染时执行一次。当依赖数组中包含某个变量时，只有该变量发生变化时，useEffect中的回调函数才会被触发执行。
因此，在调用update时，只有被依赖的变量发生变化，才会导致相应的更新操作。其他未被依赖的变量不会触发更新。
这种机制可以帮助我们优化性能，避免不必要的重复渲染和副作用操作。但需要注意的是，如果依赖数组为空，useEffect中的回调函数只会在组件首次渲染时执行一次，如果需要在组件卸载时执行清理操作，可以在回调函数中返回一个清理函数。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯会议：https://cloud.tencent.com/product/tcmeeting
相关·内容
如前所述，useEffect钩子是我们做副作用相关部分的地方。我对应该在useEffect钩子的依赖数组中传递哪些依赖关系感到困惑
反应文件上说
如果使用此优化，请确保数组包含来自组件作用域的所有值(如支持和状态)，这些值随着时间的推移而发生变化，并被效果所使用。否则，您的代码将引用以前呈现的陈旧值。
考虑一个例子：
export default function App() {
const [count, setCount] = React.useState(0);
React.useEffect(() => {
console.log("component m
浏览 1提问于2021-04-08得票数 2
回答已采纳
我不太明白什么时候“挂载”的反应，什么时候触发useEffect和清理功能。
在下面的例子中。看来useToggle挂钩是“保税”(正确的术语？)对于App，每次变量isOn被更新时，绑定的App组件都会被重新呈现。但是，清理函数也会被调用。我试着比较它以响应类组件的生命周期。
如果我的理解是错误的，请纠正我。
参考:来自的编辑图表
生命周期的useEffect(updateFunc => cleanupFunc, [dependency array])
const { useReducer, useEffect } = React;
// Purposefully move
浏览 4提问于2020-10-16得票数 2
回答已采纳
我正在做一个使用Firebase和React钩子的项目。在加载web应用程序之前，我想通过运行如下所示的查询从Firebase中获取所有数据。 const [lists, setLists] = useState([]);
useEffect(() => {
const dataArray = [];
/** handleWidgets */
listsRef
.once('value', snap => {
snap.forEach(function(result) {
firebase
.d
浏览 16提问于2019-05-13得票数 0
回答已采纳
2回答
当使用多个useEffect时，是否存在调用它们的顺序和顺序？
考虑以下代码
import React from "react";
export default function App() {
const [x, setX] = React.useState(2);
React.useEffect(() => {
console.log("A");
setX(1);
}, []);
React.useEffect(() => {
console.log("B");
console.
浏览 10提问于2020-05-07得票数 3
回答已采纳
声明Audio.Sound组件应该由返回清理函数的useEffect-hook卸载。
const [sound] = useState(new Audio.Sound());
React.useEffect(() => {
return sound
? () => {
console.log('Unloading Sound');
sound.unloadAsync(); }
: undefined;
}, [sound]);
我这么做了，但还是收到了警告
Warning: Can't perform a React stat
浏览 7提问于2022-02-26得票数 0
1回答
我有一个骰子组件，我想让它吐出n次随机值，然后显示一个静态值，每次属性更新时都会发生这种情况。所以我在下面的代码中使用了setInterval： //iter - keep count on how many times we rendered a value
const [iter, setIter] = useState(0);
//keep the intervalId given throughout the renderes
const [intervalId, setIntervalId] = useState(undefined);
//check ea
浏览 26提问于2020-04-26得票数 0
回答已采纳
1回答
我有以下两个组成部分。
<Foo>
<Bars/>
<Foo>
当调用Foo时，控制台显示：
call Bar useEffect
Warning: Cant perform a React state update on an unmounted component...
call Foo useEffect
call Bar useEffect again
这是代码，但它不会产生相同的警告，这可能是因为它在我的本地的开发模式。但它确实显示了空指纹。
是否不推荐/允许在每个组件中使用useEffect的组件结构？
如果可以的话，我需要更改什么来避免警
浏览 0提问于2021-06-30得票数 0
回答已采纳
3回答
我的组件结构大致如下：
const [data, setData] = useState([]);
useEffect(()=>{
//update data from api
}, [])
return <Switch>
<Route exact path={`${match.path}`}>
{data.map(row=>
<Link to={`${match.url}/${row.id}`}></List>
}
</Route>
浏览 1提问于2020-07-28得票数 0
回答已采纳
我有一个函数，下面用作useEffect处理程序的数组依赖项。
const handleInputUpdate = (event) => {
const eventValue = event.target.value;
setState({ ...state, answer_text: eventValue, trigger: true })
// console.log("I am changing for no reason")
}
下面是useEffect处理程序
useEffect(() => console.log("
浏览 3提问于2021-09-07得票数 1
回答已采纳
Foo是一个应该只呈现一次的组件。这可以用于性能优化，尽管这是纯粹的理论问题，没有解决任何特定的编码问题。
这可以通过使用shouldComponentUpdate或纯组件来实现，我们推荐这样做：
const Foo = () => <p>{Math.random()}</p>;
const FooOnce = React.memo(Foo);
const Bar = () => {
const [, update] = useState();
useEffect(() => {
setTimeout(() => {
浏览 0提问于2019-05-07得票数 13
3回答
我试图使用函数调用在呈现时对项目进行setState，然后监视条目状态，以便在更改时导致重呈现。按照建议的答案传递对象键的引用的似乎没有改变任何事情。我正在尝试使用钩子useEffect()来完成这个任务。getCart()是从localStorage检索数据的函数。代码：
const [items, setItems] = useState([]);
useEffect(() => {
setItems(getCart());
}, [items]);
我得到了一个错误，“最大更新深度超过了。这可能发生在组件调用setState在useEffect中，但是useEffect或
浏览 0提问于2019-08-18得票数 1
回答已采纳
我有一个useEffect钩子，在安装组件时加载，如下所示：
useEffect(() => {
listFiles().then(keys => {
setKeys(keys)
console.log(keys)
}).catch(err => {
showFail(err.message)
})
}, [])
我试图使用来测试这个函数，只需使用呈现函数：
beforeEach(() => {
render(<Dashboard />)
})
但是，当我运行任何解决承诺并设置状态的测试时：
je
浏览 4提问于2020-05-04得票数 7
回答已采纳
在更新应用程序中的状态时，我不知道应该使用setState回调还是useEffects钩子。在我的仪表板上，我有一个loggedInUser对象，其中包含以下字段
cashAssets
stockASsets
bondAssets
在我的仪表板中，我有一些带有execute transaction按钮的组件，
<TransactionButton type={type} onClick={handleOnClick} />
当有人执行事务时，可能会影响loggedInUser的上述三个字段。在我的仪表板组件中，我不确定是否应该将用户对象的这3个字段设置为3个状态变量，以及应该如何更
浏览 11提问于2020-05-12得票数 1
回答已采纳
4回答
会话存储在获取时是否有延迟？
、、、、
在我的react代码中，在组件中，我从会话存储(在useEffect钩子中)获取一个值。当控制台打印时，它会显示值。但是在呈现(或返回方法)中，它不具有刚刚获取的值。从会话存储中获取数据时是否存在延迟？
在存储相同的状态并在渲染中获取之后，规避了这个问题！
let myValue = '';
useEffect(()=>{
myValue = sessionStorage.getItem("someKey");
},[]);
// In the return method
return {
<div>{myValue}</
浏览 3提问于2019-06-24得票数 1
回答已采纳
我有一个钩子来保存窗口滚动上的scroll值。(顺便说一句，我的state对象比这个示例代码更复杂。这就是我使用useReducer的原因。我简化了这个问题的状态。) 然后，当我将这个钩子附加到应用程序上时，useEffect中的所有内容都会在我每次滚动时运行。我每次都会在scroll上打印console.log(scroll)，但为什么console.log("somethingelse")每次都会在scroll上打印呢？ 我还有其他代码要放在useEffect中，所以如果useEffect中的所有东西都在滚动上运行，这将是一个巨大的问题。 我怎么才能像useEffect那
浏览 27提问于2019-12-31得票数 0
TL;DR:使用时间步长方法，在每个帧中多次调用update()。事件发生后，需要添加等待时间，然后才能再次发生。做这个的最好方法是什么，这样所有硬件的等待时间总是相同的？
让我们说，每次玩家按下鼠标按钮时，都会产生子弹。如果玩家按住按钮，一颗新子弹将产生每一帧(这显然是太多)。我总是这样做的，就是创建一个变量shotCoolDown，并将其设置为某个任意数字(通常为60)。然后，在update()函数中，我将从shotCoolDown的每一帧中减去1，并且只允许播放器在shotCoolDown小于或等于0的情况下拍摄，然后在创建子弹后，将shotCoolDown设置为60。在60 FPS时，
浏览 0提问于2016-08-17得票数 0
回答已采纳
当组件挂载时，我需要从两个API端点获取数据。到目前为止，我有：
useEffect(() => {
dispatch(loadSomeDataOne());
}, [dispatch]);
useEffect(() => {
dispatch(loadSomeDataTwo());
}, [dispatch]);
我正在考虑在一个useEffect内完成它：
useEffect(() => {
dispatch(loadSomeDataOne());
dispatch(loadSomeDataTwo());
}, [
浏览 0提问于2020-09-29得票数 1
1回答
我在一个材料UI <Tab />中有一个表单组件，它允许用户更新他们的地址信息。信息是通过redux-thunk从API获取的，表单字段在更新发生之前就被来自服务器的数据填充了。
问题是，在用户用新数据填充字段并更新其地址之后，表单字段仍然显示以前的状态，直到用户重新加载页面时才进行更新。
为了解决这个问题，我实现了useEffect，以便在isUpdated状态为真时(在实现updateUserAddress操作之后)分派获取用户数据的操作。当然，这带来了另一个问题，那就是无限渲染。
为了修复无限调度调用，我发出了一个操作来清除更新状态，并在useEffect的清理功能
浏览 2提问于2022-06-04得票数 0
建议，为了获得先前的状态，需要进行如下的跟踪：
function Counter() {
const [count, setCount] = useState(0);
const prevCount = usePrevious(count);
return <h1>Now: {count}, before: {prevCount}</h1>;
}
function usePrevious(value) {
const ref = useRef();
useEffect(() => {
ref.current = value;
})
浏览 5提问于2021-07-21得票数 0
2回答
我在一个名为TaskComponent的功能组件中工作，其中有一个useEffect：
useEffect(() => {
const getFilterTasks = () => {
onSnapshot(q, (QuerySnapshot) => {
QuerySnapshot.forEach((doc) => {
filteredTasks.push(doc.data())
console.log(filteredTasks);
})
setTasks(fi
浏览 5提问于2022-05-11得票数 0
2回答
我正在建立一个反应应用程序来学习反应。我已经实现了上下文，以便在用户登录时存储有关信息，并在本地存储中复制。我在App组件中验证用户是否像这样登录
function App() {
const [user, setUser] = useContext(UserContext);
return (
<div className="App">
<Router>
<NavBar />
<Switch>
浏览 4提问于2020-04-05得票数 0
回答已采纳
我理解useInterval允许将函数组件作为参数传递，因此我试图利用这一点并使用函数组件中使用的值来设置状态。在下面的代码中，我希望ExecutionsPage获取作为数组从useFetchProjectScansByUser()钩子返回的projectScans和isProjectScansFetchComplete：
1 const ExecutionsPage: React.FC = () => {
2 let user:string|null = sessionStorage.getItem('user')
3 const UPDATE_TABL
浏览 1提问于2022-06-15得票数 2
回答已采纳
1回答
将回调存储在useRef()中
、、、、
下面是存储来自的当前回调的可变引用的示例
function useInterval(callback, delay) {
const savedCallback = useRef();
// update ref before 2nd effect
useEffect(() => {
savedCallback.current = callback; // save the callback in a mutable ref
});
useEffect(() => {
function tick() {
// can always
浏览 9提问于2020-05-25得票数 17
任务：--我试图在滚动响应时实现内容的动态加载。我有一个onScroll函数来侦听滚动事件，当页面一直向下滚动时，滚动事件会将isFetching变量切换为true。当isFetching === true时，执行来自useEffect的代码并加载内容。一切正常工作，但我需要向onScroll添加另一个条件，这是在加载的数据量小于总数据量时触发的。
问题：I有变量schoolResults和schoolResultsCount，它们包含加载的数据量和总数据量，但它们在滚动时没有更新，滚动时它们总是0。我知道我可以将函数转移到useEffect或者在useEffect中使用一个条件，一切都会根据
浏览 6提问于2022-05-21得票数 1
回答已采纳
我不确定是否正确地将数据从子组件发送到父组件。但是，每当我在父服务器中设置状态时，我就会得到Maximum update depth exceeded.错误。
任何我出错的想法(新的反应)：
子组件
因此，在我的子组件道具中，我添加了回调函数：
selectedRowsDataCallback?: (selectedRows: string[]) => void;
然后在稍后的子组件中-在其呈现中，我为它设置了一些值( selectedRowsDataCallback(someOfMyData); )。
父组件
在父组件中-我有：
const [selectedRows, setSele
浏览 1提问于2020-04-15得票数 0
这是一个复制-n-粘贴自：
function usePrevious(value) {
const ref = useRef();
useEffect(() => {
ref.current = value;
}); // no dependency arg, why?
return ref.current;
}
因为useEffect是在没有依赖数组的情况下调用的，所以每次渲染都会调用它的函数参数。通过将value添加到useEffect依赖项数组中，是否可以将其限制为仅在value更改时进行，如下所示：
useEffect(() => {
浏览 14提问于2020-03-11得票数 0
回答已采纳
1回答
这是我的第一个问题。不管怎样，我是新来的，我两周前就开始了。我正在制作一本活页簿，其中updateAll更新了书中的所有allPages。
问题是，当页面被翻转时，为了坚持正确的堆叠，需要更改z索引。
当向右翻转时，我们看到右边页面的z索引变化过快，翻转也不是很顺利。你自己去看看，看看我的意思。
我需要使用setTimeout在页面翻转后设置z索引200毫秒，这样页面翻转是平滑的。但是怎么做呢？我认为我需要使用useEffect()。对吗？
每当我尝试使用useEffect()时，它都会说我违反了钩子的规则，所以我甚至不知道该怎么做。
最后一个z-索引需要更新，这样我们就可以在页面上滚动。
浏览 4提问于2022-08-09得票数 0
1回答
如何修复错误：Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
这是密码：
useEffect(() => {
let ignore = false;
浏览 6提问于2021-01-27得票数 0
回答已采纳
我创建了一个名为"CommonStyleGenerator“的组件，以生成具有诸如高度、宽度和bgColor等键的简单样式对象。我已经在组件中创建了文本字段，每当文本在任何文本字段中发生更改时，我都会使用更改的字段键调用onStyleChange，并且在父组件中存储更改后的值。
下面是CommonStyleGenerator.js组件代码：
import React, { useEffect, useState } from 'react';
import { View, Text, TextInput, StyleSheet } from 'react-nat
浏览 1提问于2021-01-26得票数 0
回答已采纳
当道具更改时更新状态时， 将使用带有道具的useEffect()作为依赖项：
const Component = ({prop}) => {
const [state, setState] = useState(prop);
useEffect(() => {
setState(prop);
}, [prop]);
return <div>{state}</div>;
}
我想知道，与直接在组件中进行比较相比，这样做有什么好处吗？
const Component = ({prop}) => {
const [state
浏览 0提问于2020-03-11得票数 1
回答已采纳
我一直在试图了解取消订阅(useEffect中的回调)何时会被准确调用。
这是代码链接：代码：
const { useState, useEffect } = React ;
function App() {
const [count, setCount] = useState(0);
// Similar to componentDidMount and componentDidUpdate:
useEffect(() => {
// Update the document title using the browser API
document
浏览 5提问于2019-12-05得票数 5
回答已采纳
我有两个组件，parentComponent和ChildrenComponent。当我单击该按钮时，它将呈现handleClick方法以更新ChildrenComponent中的childrenValue。在ChildrenComponent内部，我使用useEffect来观察childrenValue的变化。
当我在useEffect中有一个计时器时，ParentComponent上有一个rerender的insead，为什么每次父组件值发生变化时它都会呈现呢？
ParentComponent：
import React, { useState } from "react";
浏览 1提问于2021-05-27得票数 1
回答已采纳
错误:警告:超过最大更新深度。当组件在useEffect中调用useEffect时可能会发生这种情况，但是useEffect要么没有依赖数组，要么在每次呈现时都会更改依赖项之一。
const [products, setProducts] = useState([]);
useEffect(() => {
setProducts(getCartProducts());
}, [products]);
当传递一个空数组作为第二个参数时，应用程序可以正常工作，但是为了反映页面上的更改，我必须刷新它，但是在将'items‘对象作为数组中的第二个参数传递之后，我会收到上面的错误。
浏览 1提问于2020-10-18得票数 1
回答已采纳
我目前正在研究useEffect的react文档示例
import React, { useState, useEffect } from 'react';
function Example() {
const [count, setCount] = useState(0);
// Similar to componentDidMount and componentDidUpdate:
useEffect(() => {
// Update the document title using the browser API
document.
浏览 5提问于2019-07-12得票数 26
回答已采纳
1回答
我一直认为，在一个setState调用中包含任何形式的useEffect都会导致无限重呈现循环，因为每次呈现都会调用useEffect。但出于某种原因，我的代码很好，我的Next.js应用程序运行得很完美。我能知道我的知识差距是什么吗？
const [base, setBase] = useState(DEFAULT_BASE)
const [rateData, setRateData] = useState([])
const [symbolList, setSymbolList] = useState([])
// At the start, we want to display t
浏览 0提问于2021-03-19得票数 0
回答已采纳
我想我知道这个问题的答案，但我想得到确认。
如果您有一个简单的update查询，其中包含where子句和where子句中变量的值，这是否意味着每条记录都会被更新？
//let's say $name is empty
UPDATE users SET name= 'Jason' WHERE userid = '$name'
is that the same as
UPDATE users SET name= 'Jason' WHERE userid = ''
每条记录都会被更新吗？
如果是这样的话，您可以在SQL中
浏览 2提问于2015-12-10得票数 0
回答已采纳
2回答
所以我有个定制的钩子。每次我在useEffect中使用返回的国家时，似乎都会执行无限循环。就像useEffect所认为的那样，国家总是在变化，不得不改弦更张。现在，我确实读到了一些关于自定义钩子的内容，在每个重发器上创建数据的一个新实例。这就是它循环的原因。但我想不出怎么解决这个问题。
这是我的代码：
export function useCountries() {
const { data: countryData, isLoading } = useQuery<ICountries, string>(["countries"], () => fetch
浏览 1提问于2022-07-15得票数 1
回答已采纳
3回答
这似乎是一个奇怪的问题，但我并没有真正看到useEffect的许多用例在React中(我目前正在开发几千行React代码基，而且从未使用过它一次)，而且我认为可能有一些东西我没有完全掌握。
如果您正在编写一个功能组件，那么将您的“效果”代码放在一个useEffect钩子中与简单地在该功能组件的主体中执行它有什么不同(在每次呈现时也会执行它)？
典型的用例是在挂载组件时获取数据:我看到了两种方法，一种是使用useEffect，另一种是没有：
// without useEffect
const MyComponent = () => {
[data, setData] = useS
浏览 7提问于2020-01-26得票数 5
回答已采纳
要在组件加载时调用的函数fetchData()，也要在此组件的testA和testB属性发生变化时调用。另外，当只有testA属性发生变化时，我想执行状态更新。现在，状态更新是在testA和testB发生变化时发生的。 useEffect(()=>{
fetchData();
// Only When testA changes I want to update the below state.
// setTableData([]);
},[testA, testB]); 如果我使用2个useEffect，我将在初始渲染时调用fetchData两次。这是不可接受的。
浏览 12提问于2021-04-08得票数 2
我有一个购物车组件，里面有一个卡片数组。
每次用户从购物车中删除产品时，我都会从本地存储中删除它，并从UI中删除它。
import React, { useState, useEffect } from 'react';
import { Link } from 'react-router-dom';
import Layout from '../Layout';
import Card from '../Home/Card';
import { getCart } from './cartHelpers';
c
浏览 3提问于2020-09-06得票数 0
回答已采纳
在 for useEffect()中，它显示了以下示例：
function Example() {
const [count, setCount] = useState(0);
useEffect(() => {
document.title = `You clicked ${count} times`;
});
}
然后上面写着：
经验丰富的JavaScript开发人员可能会注意到，传递给useEffect的函数在每次呈现时都会有所不同。这是故意的。实际上，这使我们能够从效果内部读取count值，而不必担心它会变得过时。每次我们重新渲染时，我们都会安排一个不同的
浏览 2提问于2022-05-01得票数 0
回答已采纳
我正在试着写一个简单的多人游戏，涉及一块棋盘。我需要实时更新，以便所有球员看到所有的瓷砖更新时，他们发生了。这是我第一次使用Firestore或者构建一个实时更新的游戏。我正在使用React和React Hooks来构建我的游戏。 const [tiles, setTiles] = useState([]); Tiles是一个包含25个对象的数组。开始新游戏和初始设置新的一批瓷砖的逻辑在别处，我不认为与这个问题相关。 在Firestore上，我有一个games集合。每个游戏文档都包含tiles数组。 第一次加载时，我们使用带有空依赖数组的useEffect来订阅游戏的onSnapshot侦听
浏览 16提问于2020-12-28得票数 0
回答已采纳
1回答
const _id = match.params.id;
const response = await api.get("/roleidindex", {
params: {
_id
}
})
console.log (response.data); //correct object
setRole(response.data);
console.log (role); //{}
在我的代码中，我有这段文本，如注释所示，来自请求的响应很好，但是当我将状态设置为值时，状态与其初始状态保持不变。顺便说一句，这都在useEffect方法中。
浏览 0提问于2020-05-15得票数 1
回答已采纳
在我的React应用程序中，每当useEffect更改eventTracker时，我都会使用wallet.address调用wallet.address。
const wallet = useWallet();
const eventTracker = useAnalyticsEventTracker();
useEffect(() => {
if (wallet?.address) {
eventTracker('Wallet', 'Connect', wallet?.address);
console.log(wallet.add
浏览 6提问于2022-07-06得票数 2
回答已采纳
2回答
第一次更新状态
、、
设置状态和更新状态的函数：
const [objectivesOpen, setObjectivesOpen] = useState([]);
const toggleObjectives = () => {
console.log('objectivesOpenNotUpdated', objectivesOpen);
setObjectivesOpen([Math.random()]);
}
调用该函数：
<button onClick={toggleObjectives}>Test</button>
下一次单击按钮后，objectiv
浏览 5提问于2020-12-03得票数 2
回答已采纳
2回答
第二次更新状态可以吗？
、、、
我试图在手推车中显示物品的数量。我希望计数每秒钟更新一次，因此如果用户从cart中添加或删除，它将每秒钟发出请求并刷新、更新状态和数字。我刚刚尝试了这个方法，它运行得很好，但是我想知道是否可以这样做，或者是否有更好的方法。
const [update, setUpdate] = useState(0)
const [data, setData] = useState([])
let currentUser = 1
const getData = () => {
axios.get(`http://localhost:4000/api/userCart/${c
浏览 16提问于2022-06-04得票数 0
使用useMemo (例如，对于密集的函数调用)而不是组合使用useEffect和useState有什么好处吗
这里有两个自定义钩子，除了在第一次渲染时useMemo的返回值是null之外，它们的工作原理完全相同：
useEffect和useState
import { expensiveCalculation } from "foo";
function useCalculate(someNumber: number): number {
const [result, setResult] = useState<number>(null);
浏览 1提问于2019-05-08得票数 106
回答已采纳
2回答
我的情况是：
export default function Component({ navigation }) {
const [ item, setItem ] = useState([]);
useEffect(() => {
AsyncStorage.getItem('someItem')
.then(data => JSON.parse(data))
.then(jsonData => {
setItem(jsonData);
})
浏览 4提问于2021-01-28得票数 2
回答已采纳
1回答
Question/Problem:我有一个编辑控件(文本框)，用户在其中输入用户名。我试图将输入的用户名与列表控件中列出的用户名进行比较。如果用户名匹配，则我按钮的文本应该从Create User更改为Update User。
我的问题是找到比较字符串的正确事件/时间，而不创建无限循环。
我尝试过的内容：，我尝试过使用编辑控制事件EN_CHANGE和EN_UPDATE。这两个事件都会导致堆栈溢出异常或无限循环。我认为，每次输入某些内容或在我的编辑控件中使用backspace时，都会调用其中一个事件。
在我的EN_CHANGE / EN_UPDATE事件中，我比较用户名字符串并设置按钮的文本。在
浏览 2提问于2015-04-10得票数 1
回答已采纳
1回答
我有一个循环，它将生成一个具有多个数据的Array。我在useEffect中这样做循环：
export const GeneratedProgram: React.FC<{}> = () => {
const askedProgram = getFromLocalStorage("program");
const [program, setProgram] = useState<any>();
useEffect(() => {
if (askedProgram) {
for (let i = 0; i &
浏览 6提问于2022-08-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
