为什么此React Hooks组件内部状态未更新？

我有一个有状态的组件（使用react挂钩）和一个无状态的布局组件。状态行为异常，如在有状态组件内部定义的2个函数中，一个函数获取状态的当前值，另一个函数获取状态的默认值。

React版本：16.12.0

片段（代码沙盒https://codesandbox.io/s/sweet-smoke-tpjge上的完整版本）：

import React, { useState } from "react";
import MapLayout from "./MapLayout";

function Map(props) {
  const [editMode, setEditMode] = useState(false);
  const items = [
    { id: 0, name: "item 0", pos: { x: 0, y: 0 } },
    { id: 1, name: "item 1", pos: { x: 0, y: 100 } }
  ];
  function onItemClick(item) {
    if (!editMode) return; // ! Expected to change with state
    console.log("On Edit mode"); // ! Never prints
  }
  function onMapClick(item) {
    if (!editMode) return; // ! this works fine
    console.log("On Edit mode"); // This prints OK
  }
  console.log("rerender, editMode value: ", editMode);
  return (
    <MapLayout
      editMode={editMode}
      toggleEditMode={() => {
        setEditMode(!editMode);
      }}
      items={items}
      onItemClick={onItemClick}
      onMapClick={onMapClick}
    />
  );
}

export default Map;

重现步骤

1. 打开控制台日志
2. 单击任何青色项（应记录项索引和editMode值）
3. 单击地图（白色区域，应记录“ MAP单击”和editMode值）
4. 单击切换按钮（应将editMode值更改为true）
5. 单击地图（应记录相同的消息以及“在编辑模式下”）
6. 单击任何青色项（应记录相同的消息，并加上“在编辑模式下”，但不是）

当前行为

EditMode值在“ onItemClick”函数上不会更改，但在“ onMapClick”函数中会更改

预期的行为

EditMode值应在其作用域内的所有函数定义中保持一致