yuningjiang123

React18下menu组件horizontal模式触发overflowed场景下的问题

8

### Reproduction link [https://stackblitz.com/edit/react18-rc-menu](https://stackblitz.com/edit/react18-rc-menu) ### Steps to reproduce 1. 让horizontal模式下的Menu触发overflow，即出现那三个点，让Navigation Three - Submenu这个菜单项被收敛在下拉菜单中 2. 鼠标hover那三个点，然后再移入Navigation Three - Submenu，打开第三层popup，鼠标移入第三层popup 3. 此时鼠标慢慢往上面移出第三层popup，会发现第二层已经消失了，可是第三层还在 ### What is expected? 鼠标移出第三层popup时，所有popup都消失，对比react17下的效果 https://stackblitz.com/edit/react17-rc-menu ### What is actually...

链接：https://youzan.github.io/zan-proxy/book/quick-start/ 点击任意一个a标签，不会发生导航，控制台报错 左侧所有一级菜单a标签点进去后貌似都有这个问题

Collection的onBatchResize会闭包state

2

可在repo内example/collection.tsx文件的onBatchResize函数内添加console.log({ size1 })，观看demo效果。当多次发生resize时，打印的size1始终是第一次渲染时的size1。 原因应该是src/SingleObserver/index.tsx内，onInternalResize用useCallback做了持久化，如果onCollectionResize发生了更新则无法通知onInternalResize做出更新。因此应该加一个 `const onCollectionResizeRef = React.useRef(onCollectionResize); onCollectionResizeRef.current = onCollectionResize;` 之类的改造； 或者src/Collection.tsx对onBatchResize用ref包装，onResize依赖传空数组做成持久化。