Возможно ли получить всех вложенных детей?

Question

[copal]

<Parent>
    <ALevel>
        <BLevel></BLevel>
    </ALevel>
</Parent>

Возможно ли в Parent получить и ALevel и BLevel?

Answer 1

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

Есть API для работы с children: https://facebook.github.io/react/docs/top-level-ap... . Так как children - это просто props, пробегайте рекурсивно по всему дереву и собирайте элементы:

function getChildren(children) {
  let elements = []
  if (!children) {
    return elements
  }

  React.Children.forEach(children, child => {
    elements = [ ...elements, child, ...getChildren(child.props.children) ]
  })

  return elements
}

Comments

[copal]

Да, спасибо. Сегодня я тоже узнал об этом и совсем скоро уже сяду проверять все лично, так как время хватило только бегло пробежать api React.Children.. Только не понятно forEach работает с деревом или массивом.. Если бы с деревом, то было бы здорово, так как можно было бы и порядок сохранить.

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

copal: не за что) forEach пробегает по текущему уровню (массиву) children. Она не копает внутрь.

[copal]

Никита Гущин: круто, ещё одно спасибо!

Answer 2

[Антон Измайлов]

Получить в каком виде?

Comments

[copal]

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

Answer 3

[prishelec]

Через рекурсию. Примеров много.

Answer 4

[lem_prod]

var pChilpren = document.querySelectorAll('Parent *');

или

var parent = document.getElementsByTagName('Parent'); //в случае если только один парент, вообще лучше через id 
var child = parent.querySelectorAll('*');

Comments

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

Господи ...