首页 >
用React写函数组件,如何避免重复渲染? – 网络|
场景:有一个自定义的item组件。它的onClick方法是父组件透传的。父组件中含有大量的item。当父组件更新时,onClick会被重新创建,由于函数跟常量不一样,是一个引用,因此即使item用了React.memo包裹,也会认为props中传过来的onClick是新创建的,导致所有item都会重新渲染。如果用useCallback来包裹onClick,确实可以避免不相关的item渲染,但是如果item是作为一个对外提供的组件,并不能保证开发者有使用useCallback的意识问:这种情况偶该如何优化偶的组件设计呢