resize-observer icon indicating copy to clipboard operation
resize-observer copied to clipboard

Collection的onBatchResize会闭包state

Open yuningjiang123 opened this issue 3 years ago • 2 comments

可在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依赖传空数组做成持久化。

yuningjiang123 avatar Mar 22 '22 02:03 yuningjiang123

要打印变化后的size1,自己给size1包层ref就行了 类似这样:
const ref4size1 = useRef(size1); ref4size1.current = size1;

kawayidaisi avatar Mar 29 '22 18:03 kawayidaisi

从使用上来讲 我觉得如果组件内部能解决这个问题会更好一点

yuningjiang123 avatar May 13 '22 12:05 yuningjiang123