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
该怎样实现这个懒加载同时又不重渲染呢