2017-01-28 16 views
0

Я создаю панель инструментов для своего сайта в ReactJs, используя архитектуру потока.ReactJS + Flux - Хранить данные подкомпонента

Теперь, скажем, у меня есть UsersComponent который отображает список всех пользователей, зарегистрированных на сайте, и этот компонент имеет UsersStore где данные извлекаются и сохраняются.

Внутри UsersComponent оказывает компонент к югу под названием UsersStatsComponent который является небольшим виджетом, который отображает статистику за последние 24 часа (количество новых регистраций, заблокированных пользователь и многих другие ...) эти статистические данные приходит от других Конечная точка API.

Где я должен управлять данными для этого подкомпонента?

Я считаю, мои варианты:

  1. Создать еще один магазин под названием UsersStatsStore, который извлекает данные из API и выдает событие изменения в UsersStatsComponent.
  2. Используйте тот же магазин UsersStore и создайте другое действие внутри этого магазина и испустите другое событие, когда данные извлекли из API.

Какова наилучшая практика для этого?

ответ

0

Поскольку данные относятся к Пользователю, я бы порекомендовал UserStore. Но вам нужно убедиться, что в магазине не слишком много гнездования.

+0

Итак, у «UsersStore» будет 2 addListeners? один для списка пользователей и один для статистики? Является ли это хорошей практикой? Я не видел этого подхода во всех примерах и учебниках о магазинах флюсов. – ShaiShai

+0

Посмотрите на этот [ответ] (http://stackoverflow.com/a/26602976/5284640), вы получите более ясность при использовании нескольких магазинов. –