如何解决在什么情况下我可以引用和更改React使用状态?
const [Movies,setMovies] = useState([]);
const [MainMovie,setMainMovie] = useState(null);
const [CurrentPage,setCurrentPage] = useState(0);
useEffect(() => {
const endpoint = `${API_URL}movie/popular?api_key=${API_KEY}&language=ko&page=1`;
fetchMovie(endpoint);
// create scrollEvent
window.addEventListener('scroll',scrollHandler,true);
},[]);
const scrollHandler = (e) => {
console.log("scrollEvent");
if( document.body.scrollHeight == window.scrollY + window.innerHeight ) {
console.log("scroll bottom Event");
loadMoreItems();
}
}
const loadMoreItems = () => {
console.log(CurrentPage); // Initial value of CurretPage does not change due to event occurrence
const endpoint = `${API_URL}movie/popular?api_key=${API_KEY}&language=ko&page=${CurrentPage+1}`;
fetchMovie(endpoint); // Execute setCurrentPage(CurretPage+1) in fetchMovie function
}
useEffect从此源创建的事件侦听器scrollHandler
当我运行loadMoverItems并从那里获取CurrentPage useState时,我总是只获取初始值。
我想知道JavaScript变量let,var和useState有何不同。
我寻求您的帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。