Как исправить одновременный вызов 2-ух и более одинаковых функций?

Question

[myskypesla]

Привет, есть приложение, у которого есть 2 компонента, которые могут быть одновременно показаны на странице вдвоем или по отдельности. Во втором случае всё ок, а вот в первом возникает проблема двойного вызова функции запроса данных в API.

Вот пример реализации двух одинаковых запросов: https://codesandbox.io/s/14q587x107

Вопрос: как от этого избавиться?

Comments

[Дмитрий Кузнецов]

Зачем теги ангулара и вью?

Answer 1

[mShpakov]

храните данные в vuex

Answer 2

[Aleksey Solovyev]

А зачем Вы два раза пишите один и тот же код?

fetch("https://jsonplaceholder.typicode.com/users")
      .then(response => response.json())
      .then(json => console.log(json));

Перенесите запрос в родитель(index.js) и передавайте полученные данные в компоненты(props)

Что-то такое https://codesandbox.io/s/pkvw21276x