Как сделать один общий запрос для нескольких компонентов?
У меня есть компонент <form-builder id="N">, который генерирует на странице контактную форму. Таких компонентов на странице может быть несколько, от 1 до 5 шт, и в каждом компоненте генерируется своя форма согласно своим настройкам.
id="N" это порядковый номер формы в базе где хранятся ее настройки.
Каждый компонент при монтировании делает запрос к базе, чтобы получить настройки по своему номеру. Получается, на странице срабатывает одновременно до 5 запросов к базе.
Отсюда вопрос:
Можно ли как-то сделать так, чтобы сначала со всех компонентов собрался массив id номеров, и только потом сделался один запрос? Далее ответ раскидать по соответствующим компонентам.
Добрый день.
Делайте запрос на уровень выше. Т.е в вашем случае на самой странице, где вызывается компоненты формы. А уже в саму форму передавать props с настройками для генерации.
Если таких страниц несколько, которые могут содержать в себе вызов компонентов формы, то сделайте обёртку для форм, в которую передавать массив id и уже на основе него делать запрос на сервер