即使依赖性没有更改，USEMEMO函数即使执行
我有一个父组件，可以在React查询中每次呈现数据更改。它使用的是传递应该渲染一些卡的数据的子组件。
在子组件中，我使用usememo（）函数来确保它是否接收到与以前相同的数据，它不会执行所有卡的渲染。
这是父零件
export const VerticalCardsList = (props : VerticalCardsProps) => {
const VerticalCards = useMemo(() => {
console.log('Executing the useMemo function')
}, [props.verticalCardsData])
return VerticalCards }
以这样的方式调用此的子部分
<VerticalCardsList verticalCardsData={props?.cardsResponse?.data?} />
I have a parent component which renders everytime data in the react query changes. It is using a child component to which it passes data which should render some cards.
Inside the child component, I used the useMemo() function to make sure if it receives the same data as previously it wouldnt execute the rendering of all the cards.
This is the child component
export const VerticalCardsList = (props : VerticalCardsProps) => {
const VerticalCards = useMemo(() => {
console.log('Executing the useMemo function')
}, [props.verticalCardsData])
return VerticalCards }
The parent component calls this in a way like this
<VerticalCardsList verticalCardsData={props?.cardsResponse?.data?} />
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论