Есть ли шаблон, чтобы сделать несколько вызовов выборки с HOC и ловушками? - PullRequest
Новая
       25

Есть ли шаблон, чтобы сделать несколько вызовов выборки с HOC и ловушками?

0 голосов
/ 02 апреля 2019

Я хочу создать что-то вроде следующего: 

<FetchApi data="users" render={(users) => {
   { users
        .map(u => (<FetchApi data="debts" where={{ userId: u.id }} 
           render={(d) => (<><div>{u.name}<div><div>d.totalDebt</div></>)} />)
}>
</FetchApi>

Так что, в принципе, каждый FetchApi компонент что-то делает, и его можно комбинировать, когда мы вкладываем его в другие компоненты того же типа ... 

<FetchApi ...something
   <FetchApi ...somethingElse
      <FetchApí ...andOneMore
         <Component {...something, ...somethingElse, ...andOneMore}

Это то, что желательно делать? Есть ли более эффективный способ достижения того же результата? Этот подход объясняется главным образом тем, что я работаю над «структурой», поэтому мне нужно предоставить общий интерфейс для извлечения данных и их агрегирования.

В настоящее время FetchApi работает, внутренне использует хуки, но становится сложнее, когда дочерние экземпляры FetchApi зависят от предыдущих вызовов, хуки, кажется, не правильный ответ для этого, в дополнение к этому Mobx является выбранной библиотекой управления состоянием что бы вы делали на моем месте?

...