React-router 2.0.0. Как отослать запрос для загрузки данных для ребенка только после отца?

Question

[hadaev_ivan]

const Route = {
  path: '/',
  component: require('blabla')
  onEnter: function(state, replace, callback){
     API.getInfo()
        then(function(response){
             callback();
        }) 
  },
  getChildRoutes(location, callback) {
    // сюда заходит раньше чем в onEnter для отца если путь подразумевает что надо искать ребенка '/child' 
    // но мне это не подходит, потому что мои роуты должны строится исходя из данных которые получит отец, 
   //как это решить?
      require.ensure([], function (require) {
      callback(null, [
          {
              path: '/child'
           }
      ])
    })
  }

Answer 1

[xmoonlight]

Перенесите всю логику в onEnter.
А если нужны доп. параметры - передайте их в переменных функции.
Также, можно сохранить в переменных класса для вызова их из другой функции.

Comments

[hadaev_ivan]

"Перенесите всю логику в onEnter." - не понял. У меня ситуация такова, что отец-роут идет на сервер за инфой, затем из нее он должен построить дочерние роуты с помощью getChildRoutes, которые затем тоже идут на сервер. Можно наглядный пример вашего совета?

[xmoonlight]

hogddttr27: вы хотите получить целиком дерево роутов с сервера начиная с заданного узла? почему не юзать json за один запрос?

[hadaev_ivan]

"почему не юзать json за один запрос?" - хороший вопрос, но я нуждаюсь именно в пошаговой загрузке

[xmoonlight]

hogddttr27: тогда просто используйте рекурсивную функцию и обрабатывайте итерационно каждый шаг.

Answer 2

[Никита Гущин]

Есть решение на скорую руку, надеюсь поможет. Но я бы как-нибудь по-другому сделал.

function createSomeRoute() {
  const parentPromise = false;
  const Route = {
    path: '/',
    component: require('blabla')
    onEnter: function(state, replace, callback){
       parentPromise = API
          .getInfo()
          .then(function(response){
               callback();
               return response
          }) 
    },
    getChildRoutes(location, callback) {
      // сюда заходит раньше чем в onEnter для отца если путь подразумевает что надо искать ребенка '/child' 
      // но мне это не подходит, потому что мои роуты должны строится исходя из данных которые получит отец, 
     //как это решить?
        parentPromise.then((someData) => {
          require.ensure([], function (require) {
          callback(null, [
              {
                  path: '/child'
              }
          ])
        } )
      })
    }
}