在组件加载时调用AsyncStorage
在组件加载时调用AsyncStorage
提问于 2020-06-08 07:22:32
当一个组件加载时，我试图在React Native中使用AsyncStorage加载一个对象，但是useEffect创建了一个infitine循环，我发现的所有其他问题都告诉我使用componentWillMount，这似乎不再起作用。我尝试在组件呈现时调用puxaGastos()，以便可以将其传递给FlatList，但不知道如何调用它
const [gastos, setGastos] = useState()
const puxaGastos = async () => {
const gastosGuardados = await AsyncStorage.getItem('transacao')
const gastosParse = JSON.parse(gastosGuardados)
setGastos(gastosParse)
console.log(gastos)
}
return (<View style={styles.tela}><FlatList/></View>)Stack Overflow用户
发布于 2020-06-08 10:11:14
- 选项1:使用
useCallback包装puxaGastos以防止递归重新呈现，并使用包含puxaGastos[puxaGastos]
的依赖项在useEffect中调用它
const [gastos, setGastos] = useState()
const puxaGastos =useCallback(async () => {
const gastosGuardados = await AsyncStorage.getItem('transacao')
const gastosParse = JSON.parse(gastosGuardados)
setGastos(gastosParse)
console.log(gastos)
},[])
useEffect(() =>{
puxaGastos()
},[puxaGastos])
return (<View style={styles.tela}><FlatList/></View>)
- 选项2定义和调用
puxaGastosinsideuseEffectwith dependencies includes puxaGastos
const [gastos, setGastos] = useState()
useEffect(() =>{
const puxaGastos =async () => {
const gastosGuardados = await AsyncStorage.getItem('transacao')
const gastosParse = JSON.parse(gastosGuardados)
setGastos(gastosParse)
console.log(gastos)
}
puxaGastos()
},[puxaGastos])
return (<View style={styles.tela}><FlatList/></View>)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62252904
复制相关文章
相似问题
腾讯云开发者
