useFocusEffect 不会更新 setstate

Question

我有这个useFocusEffect函数：

useFocusEffect(
useCallback(() => {
async function setFilterValue() {
let filterValue = await AsyncStorage.getItem('filterValue');
let inputValue = JSON.parse(filterValue);
if (gpsFilterValue === null) {
setGpsFilterValue(inputValue);
console.log('null')
// setRefreshing(true)
} else if (inputValue !== parseInt(gpsFilterValue)) {
setGpsFilterValue(inputValue);
console.log('refreshing1')
setTimeout(() => {
console.log(gpsFilterValue)
}, 1000);
//console.log(inputValue + ' ' + gpsFilterValue)
//setRefreshing(true)
} else {
console.log('test')
}
}
setFilterValue();
}, [])
);

当我在 setTimeout 中调试 gpsFilterValue 时，它保持未定义，但是当我在渲染中创建一个按钮来调试 gpsFilterValue 状态值并按下它时，它已经更新了。为什么价值观不同？

Answer 1

从外观上看gpsFilterValue是状态的一部分，因为您在回调中调用了一个状态设置器。但是，您的useCallback不会gpsFilterValue列为依赖项(该空数组是要useCallback的第二个参数。将其添加到该依赖项列表，您应该会看到更新的值。

useFocusEffect(
useCallback(() => {
async function setFilterValue() {
let filterValue = await AsyncStorage.getItem('filterValue');
let inputValue = JSON.parse(filterValue);
if (gpsFilterValue === null) {
setGpsFilterValue(inputValue);
console.log('null')
// setRefreshing(true)
} else if (inputValue !== parseInt(gpsFilterValue)) {
setGpsFilterValue(inputValue);
console.log('refreshing1')
setTimeout(() => {
console.log(gpsFilterValue)
}, 1000);
//console.log(inputValue + ' ' + gpsFilterValue)
//setRefreshing(true)
} else {
console.log('test')
}
}
setFilterValue();
}, [gpsFilterValue])
);