lazy和memo同时使用 memo失效

#1

A组件中修改数据重渲染子组件B,我加了memo后同时又想让子组件B懒加载,这时memo失效了

组件A

const [count, setCount] = useState(0);
        const B = lazy(() => import('../b'))
        return (
            <div>
                <button onClick={() => setCount(count + 1)}>click</button>
                <Suspense fallback={<div></div>}>
                    <B />
                </Suspense>
            </div>
        )

子组件B

const B = memo(() => {
  return <div>B</div>
})
export default B

该怎样实现这个懒加载同时又不重渲染呢