为什么图像请求在 React JS 中一次又一次触发?
why image request fire again and again in react js?
我使用 final-form
制作了一个演示应用程序,但是当我切换按钮(切换按钮)时我遇到了一个问题 image request fired again and again
.
重现此步骤
1 ) On/off 切换 button.see 网络请求(应检查禁用缓存)。
https://codesandbox.io/s/snowy-browser-sfpnz
const Abc = React.memo(() => {
return (
<ImageContainer>
<Image id="titleLogo" src={src} />
<TitleText>{title}</TitleText>
</ImageContainer>
);
});
const ShowImage = useCallback(() => {
return <Abc />;
}, []);
从 'AppWithIconToggle' 函数体中取出样式组件调用。将 title 和 src 作为 props 给 Abc 组件并 memo
const Abc = React.memo(({ title, src }) => {
console.log("render", title, src);
return (
<ImageContainer>
<Image id="titleLogo" src={src} />
<TitleText>{title}</TitleText>
</ImageContainer>
);
});
我使用 final-form
制作了一个演示应用程序,但是当我切换按钮(切换按钮)时我遇到了一个问题 image request fired again and again
.
重现此步骤
1 ) On/off 切换 button.see 网络请求(应检查禁用缓存)。
https://codesandbox.io/s/snowy-browser-sfpnz
const Abc = React.memo(() => {
return (
<ImageContainer>
<Image id="titleLogo" src={src} />
<TitleText>{title}</TitleText>
</ImageContainer>
);
});
const ShowImage = useCallback(() => {
return <Abc />;
}, []);
从 'AppWithIconToggle' 函数体中取出样式组件调用。将 title 和 src 作为 props 给 Abc 组件并 memo
const Abc = React.memo(({ title, src }) => {
console.log("render", title, src);
return (
<ImageContainer>
<Image id="titleLogo" src={src} />
<TitleText>{title}</TitleText>
</ImageContainer>
);
});