如何在 React Select 下拉菜单中预加载 SVG

问：

早上好

我目前正在尝试将 SVG 预加载到我的 React Select 下拉菜单中，因此当用户单击菜单时，他们会立即看到 SVG，而不是 - 单击菜单，然后 SVG 加载列表......

我目前正在将选项映射到下拉列表（在我的 util 文件中），如下所示：

export const customOptions = countries.map(country => ({
    value: country.name,
    label: (
        <div>
            <img src={require(`../images/flags/${country.svg}`)} className="flag-image" />
            <span>
                {country.name} ({country.dialingCode})
            </span>
        </div>
    ),
}));

并尝试在我的容器文件中预加载 SVG，如下所示：

const preloadImages = images => {
        images.forEach((image) => {
        const img = new Image();
        img.src = image;
        });
    }

    const flagImageUrls = countries.map(country => (
        `../images/flags/${country.svg}`
    ));

    useEffect(() => {
        preloadImages(flagImageUrls);
    }, []);

然而，SVG 仍然只有在我单击下拉菜单时才会加载......

有人有什么想法吗？

非常感谢，

杰克