javascript — React & amp; имеем дело с асинхронным состоянием

Реагировать и иметь дело с асинхронным состоянием

Наше приложение React взаимодействует с API через библиотеку, которая сильно зависит от обещаний.

Мы могли бы, например, передать «Пользовательский ресурс». Когда мы рендерим компонент User, этот компонент получает доступ к свойствам пользователей, вызывая await User.get() в componentDidMount .

Подразумевается, что многие (если не большинство) всех наших компонентов должны иметь свойство ready состояния, и большинству из них необходимо иметь дело как со случаем первого рендеринга, так и с рендерингом после получения пользовательских свойств.

Это кажется неуклюжим. У нас была одна идея — создать компоненты, специально отвечающие за загрузку данных, и второй набор компонентов «просмотра», отвечающих только за рендеринг после завершения загрузки.

Одна из проблем здесь состоит в том, что компоненты «представления» часто также являются формами и должны сообщать об изменениях состояния обратно в дерево.

Не трудно сделать, но мне в основном любопытно, есть ли известные хорошие образцы для решения такого рода вещей, или уровень техники, на котором я могу основываться. В качестве альтернативы я также приму другие предложения о том, как бороться с этим шаблоном.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector