Reactjs 为什么我无法访问窗口事件处理程序中的状态

    const [open, setOpen] = useState(false);

    const handleScroll = () => {
        const { scrollHeight, clientHeight } = document.documentElement;

        console.log(open);
    };

    useEffect(() => {
        window.addEventListener('scroll', handleScroll);

        return () => {
            window.removeEventListener('scroll', handleScroll)
        }
        // eslint-disable-next-line
    }, []);

const [open, setOpen] = useState(false);

const handleScroll = useCallback(() => {
    const { scrollHeight, clientHeight } = document.documentElement;

    console.log(open);
}, [open]);

useEffect(() => {
    window.addEventListener('scroll', handleScroll);

    return () => {
        window.removeEventListener('scroll', handleScroll)
    }
    // eslint-disable-next-line
}, [handleScroll]);

return (
    <button onClick={() => setOpen(true)} >Click</button>
);

Reactjs相关问答推荐

如何使用React Router创建响应式主详细信息应用程序？

过滤对象数组并通过迭代对象数组将属性放入新数组

如何避免react 使用ESLINTreact 挂钩/穷举-deps进行第一次呈现

如何在取数后添加新数据，并在页面上保存旧数据？

无法从正在使用Reaction的Electron 商务store 项目中的购物车中删除项目

Reaction中的数据加载不一致

使用REACT-RUTER-DOM链接仅更新一个搜索参数

在transformResponse中使用来自其他查询的缓存

带有样式的工具提示导致无法向功能组件提供参考警告

.populate() 方法在 mongodb 中不起作用

Redux 工具包不更新状态

下一个js如何从另一个组件更新组件？

Next.js i18n 路由不适用于动态路由

react 测试库不测试包含 react 路由 dom V6 的组件

ReactJs 行和列

错误：无效挂钩调用.钩子只能在函数组件的主体内部调用.使用 next/router 时

当状态改变时如何执行一些动作，但只针对第一次更新？

如何在 React 中的 Material Ui 多选中设置默认值？

我在使用 Elements of stripe 时使用 React router v6

你如何使用 refs 访问 React 中映射子项的值？