mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-21 16:55:25 +03:00
Code Issues Projects Releases Packages Wiki Activity

Skip useEffect if icon already loaded

Browse source
This commit is contained in:
Lim Chee Aun 2023-12-23 12:14:11 +08:00
parent b00033129f
commit 5d95d602a7
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/icon.jsx
View file

@ -107,6 +107,8 @@ export const ICONS = {
speak: () => import('@iconify-icons/mingcute/radar-line'),
};
const ICONDATA = {};
function Icon({
icon,
size = 'm',
@ -124,11 +126,15 @@ function Icon({
[iconBlock, rotate, flip] = iconBlock;
}
const [iconData, setIconData] = useState(null);
useEffect(async () => {
const icon = await iconBlock();
setIconData(icon.default);
}, [iconBlock]);
const [iconData, setIconData] = useState(ICONDATA[icon]);
useEffect(() => {
if (iconData) return;
(async () => {
const iconB = await iconBlock();
setIconData(iconB.default);
ICONDATA[icon] = iconB.default;
})();
}, [iconData, icon, iconBlock]);
return (
<span