Я хочу добавить загрузочный компонент, который будет отображаться в моем приложении реакции до появления и загрузки целевой страницы (поскольку у меня немного тяжелая SVG-анимация, и я хочу убедиться, что она полностью загружена до ее запуска), но Я все еще не знаю, как это сделать после просмотра нескольких вопросов stackoverflow. Хотя несколько вопросов объясняют, как теоретически это сделать, они всегда говорят что-то вроде «вставьте сюда свою асин c функцию», например, в этом примере компонента приложения:
const [loading, setLoading] = useState(true);
useEffect(() => {
load().then(() => setLoading(false));
}, []);
const load = () => {
return new Promise((resolve) => {your function here}
};
return loading ? (
<Spinner />
) : (
<div
<Navbar/>
<Header/>
...
</div>
);
Как следует решить эту проблему? Я посмотрел на HO C и другие асин c, но я все еще не нашел простой способ проверить, загружены ли другие компоненты. С другой стороны, может быть, это что-то, что нужно решать вне VirtualDOM полностью, как предлагают некоторые ответы (однако их решения этой же проблемы у меня не сработали).